Next.Js Dev To Deployment
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
-
Static site generation
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 as a static site generator. I will be adding a completely static blog project within a month of initial release and possibly a third project in the future
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
Created by Brad Traversy
Last updated 4/2021
English
English [Auto]
Size: 2.75 GB