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

Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.

This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561