NextJS Tutorial – All 12 Concepts You Need to Know

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
Also check out Hostinger’s Black Friday deal at https://hostinger.com/bytegrad 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: https://bit.ly/3QOe1Bh

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
👉 Professional CSS Course: https://bytegrad.com/courses/professional-css

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

All commands for deploying: https://gist.github.com/ByteGrad/790455da551e9771d67f8e434cdf54d1

⏱️ 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