Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js 13 - SSG, SSR & ISR Tutorial

Dave Gray via YouTube

Overview

Learn how to choose between Static Site Generation (SSG), Server-Side Rendering (SSR), and Incremental Static Regeneration (ISR) for server components in Next.js 13. Explore the benefits of each approach and understand their implementation. Dive into data fetching techniques, dynamic routes, and metadata handling. Discover how to apply ISR strategies, use segment-level revalidation, and leverage generateStaticParams for SSG. Gain insights on dynamicParams settings and creating not-found pages. By the end of this tutorial, master the concepts of SSG, SSR, and ISR to optimize your Next.js 13 applications.

Syllabus

Intro
Welcome
Starter Code
Do We Have SSG or SSR components?
How does the build respond?
Cache settings for fetch requests
Applying an ISR strategy
Segment level revalidation
SSG and generateStaticParams
dynamicParams setting
not-found pages
Concepts Review

Taught by

Dave Gray

Reviews

Start your review of Next.js 13 - SSG, SSR & ISR Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.