Learn Next.js by building a music event website

Next.js是一个用于构建服务器端渲染的React网站以及静态网站的框架。这是用于学习Next.js的基于项目的课程。我们将构建一个音乐事件应用程序，它将为您提供创建自己的应用程序所需的基础知识。我们将使用Strapi（无头CMS）作为后端，但您也可以使用任何东西。

MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 49 lectures (6h 21m) | Size: 2.65 GB
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