NextJS Tutorial – All 12 Concepts You Need to Know

👉 NEW React & Next.js Course:
Also check out Hostinger’s Black Friday deal at with discount code BYTEGRAD (paid sponsorship). Full transparency: I get a commission if you buy something from Hostinger through that link.

Hi, I’m Wesley. I’m a brand ambassador for Kinde (paid sponsorship).
👉 Add auth to your app FAST:

👉 NEW React & Next.js Course:
👉 Professional JavaScript Course:
👉 Professional CSS Course:

👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (React + Next.js course out soon!):

All commands for deploying:

⏱️ Timestamps:
0:00 Intro
0:29 Next.js fresh install
2:33 Routing & navigation
5:00 Metadata
5:24 Styling: Tailwind CSS
6:28 Hostinger’s Black Friday deal
7:35 Image component
9:06 Client vs Server components
11:54 Server actions
16:55 Suspense and streaming
21:11 Caching, static & dynamic rendering
28:28 Middleware
29:37 Folder structure
31:43 Relax
32:10 Static export
33:10 Deployment options
33:36 Push to GitHub
33:52 Environment variables in Next.js
35:50 Hostinger VPS deployment

#webdevelopment #programming #coding