• views: 83
• date: 25 July 2025
• posted by: AD-TEAM

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




   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.