Next.js Dev to Deployment (Update 5/2021)
Next.js Dev to Deployment
Duration: 9h 45m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 4.26 GB
Genre: eLearning | Language: English
Duration: 9h 45m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 4.26 GB
Genre: eLearning | Language: English
Learn Next.js by building a music event website
What you'll learn
Build a music event application from start to finish
Learn the fundamentals of NextJS
Create a backend using Strapi CMS
JWT Authentication / HttpOnly Cookie Storage
Pagination, search, image uploading with Cloudinary
Build a static blog with pagination, search & categories using Markdown
Deploy to production using Vercel
Requirements
Modern JavaScript
The basics of React
Description
Next.js is a framework for building server-side rendered React websites as well as static websites. This is a project-based course for learning Next.js. We will build a music events application that will give you the foundational knowledge that you need to create your own applications. We will use Strapi (a headless CMS) as our backend but you could just as well use anything
We will learn the fundamentals of Next.js like…
Pages & Routing
Data Fetching Methods - getServerSideProps, getStaticProps, getStaticPaths
Custom API Routes
Static Generation
CSS Styling
Image Optimization
In our main project, we will also be working with…
Strapi CMS
Authentication with JWT (JSON Web Tokens)
Authorization and access control
Storing HttpOnly Cookies on the server
Pagination, search filters, etc
Image uploading with Cloudinary integration
Deploying to Vercel and Heroku
Next.js can also be used to create "static websites". The second project is a static blog called Devspace
TaiilwindCSS Integration
Static Data Fetching/Generation
Create, Fetch & Parse Markdown with Frontmatter
Search Functionality with API route/Serverless Function
Post Caching
Git Hooks with Husky
Deploy to Vercel
What should you know before taking this course?
You should know JavaScript basics and modern JavaScript features like arrow functions, restructuring, the spread operator
You should also know the basics of React. I will not be explaining things like components, props, JSX
Resources:
All of the final code will be provided in the project repos and all needed resources will be provided in the sections
Who this course is for:
People that want to learn NextJS
Learn the foundations to build a full stack application with CRUD, pagination, authentication and more
More Info