NextJS Tutorial - All 12 Concepts You Need to Know

Video Description

👉 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 . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)