Learn EDR Internals: Research & Development From The Masters
Google, IBM & Meta Certificates — 40% Off for a Limited Time
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn the fundamental rendering strategies in Next.js by exploring Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static Site Generation (SSG), Incremental Static Regeneration (ISR), and the newest Partial Pre-Rendering (PPR) approach. Understand the differences between server and client components, discover how to optimize your applications with static generation using generateStaticParams, and explore dynamic page transitions from static to dynamic rendering. Master the build process with npm run build, implement revalidation strategies using revalidatePath and revalidateTag, and gain insights into how client components actually run on the server side. The tutorial covers practical implementation details and performance considerations for each rendering method, helping you choose the right approach for different use cases in your Next.js applications.
Syllabus
00:00 Intro
01:00 CSR
02:42 SSR
04:25 Server vs Client components
06:47 SSG
10:54 npm run build
13:13 From static to dynamic page
17:20 generateStaticParams
18:50 Client components run on server side
20:20 ImageKit
25:23 ISR
27:23 revalidatePath / revalidateTag
29:14 PPR
Taught by
ByteGrad