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 jаvascript
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 jаvascript basics and modern jаvascript 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