From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Next.js 16: SSR / ISR / SSG

Next.js 16: SSR / ISR / SSG

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Next.js 16: SSR / ISR / SSG

“

Hello, and welcome! In this lecture, we'll dive into one of Next.js' most powerful features – pre-rendering. Specifically, we'll focus on Static Site Generation, or SSG. Pre-rendering means that Next.js generates the HTML for a page in advance, at build time, instead of on each user request. This makes your website incredibly fast and fantastic for Search Engine Optimization, SEL. We'll use the modern data fetching patterns in the app router, which are the successors to GetStaticProps, to fetch data at build time and display it on our pages. Along the way, we'll also discover how Incremental Static Regeneration, ISR, gives us the best of both worlds, allowing us to update our static pages with fresh data without needing to rebuild the entire site. Let's get started. Let's move to navigation.js. Now I am adding a new page to our site for courses. To let users get there, I added a link to our navigation bar. Right after the about link and before the our team link, I inserted a new list…

Contents