Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Next.js 13 SSG, SSR & ISR all have benefits, but do you know how to choose between Static Site Generation (SSG), Server-Side Rendering (SSR) and Incremental Static Regeneration (ISR) for your server components?
? Support me on Patreon ➜ https://patreon.com/davegray
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
? Subscribe ➜ https://bit.ly/3nGHmNn
? Course Updates ➜ https://courses.davegray.codes/
❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
? Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
? Source Code: https://github.com/gitdagray/next-js-course
? Playlist for this Next.js Course: https://bit.ly/dg-nextjs
Next.js Data Fetching, Dynamic Routes & Metadata
(00:00) Intro
(00:05) Welcome
(00:32) Starter Code
(00:47) Do We Have SSG or SSR components?
(02:52) How does the build respond?
(04:39) Cache settings for fetch requests
(06:09) Applying an ISR strategy
(08:14) Segment level revalidation
(08:45) SSG and generateStaticParams
(14:51) dynamicParams setting
(15:37) not-found pages
(20:32) Concepts Review
Corrections:
(19:05) I omitted the return keyword here by mistake! The lesson source code is updated and you need to have: return undefined
? Tutorial References:
? Next.js Official Site: https://nextjs.org/
? Next.js 13 Beta Docs: https://beta.nextjs.org/docs
Was this Next.js tutorial about SSG, SSR & ISR helpful? If so, please share. Let me know your thoughts in the comments.
#next #js #ssg