Migrating from NextJs 12 `pages` router

Hamed Bahram April 9, 2023
Video Thumbnail
Hamed Bahram Logo

Hamed Bahram

@hamedbahram

About

Modern web dev topics in React and NextJs.

Video Description

This video will look at migrating your server side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR) in the NextJs 12 `pages` router to the NextJs 13 `app` router. 👉🏼 The Ultimate NextJs Course 🔗 https://www.hamedbahram.io/courses/nextjs 👉🏼 Source code (Github repo) 🔗 https://github.com/HamedBahram/next-todo 👉🏼 Migration guide (NextJs docs) 🔗 https://beta.nextjs.org/docs/upgrade-guide CHAPTERS 0:00 Intro 1:20 Migrating to the app folder 3:00 Route config options 4:35 dynamic config 10:30 Coding 11:26 Static site generation 17:50 Server side rendering 19:10 Incremental static regeneration 20:25 revalidate config 23:05 Recap 24:20 Dynamic routes 25:35 generateStaticParams function 27:25 dynamicParams config 34:10 Recap 38:50 ISR in dynamic routes 40:46 Final Recap 43:15 Outro