Getting Started with Next.js

on YouTube ↗15m

" summary

Shows how to migrate a simple React app into Next.js by running npm install react react-dom next, moving pages into a pages folder, exporting components as defaults, and using getStaticProps to fetch data at build time so the speakers list is statically generated. Demonstrates client-side navigation via Link, optimized Image and Head components, fast refresh live updates, CSS Modules to avoid global collisions, and explains ISR with revalidate: 300 (page regenerates at most once every five minutes).

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 6:07Link Component
3. 7:58Client-Side Rendering
4. 8:54Server-Side Rendering
5. 9:05Static Site Generation
6. 9:16Content Delivery Network

" related talks

• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 10mTaking the Next stepAriel Shulman · Next.js Conf 2023
• 19mMoving from a React SPA to NextVojta Ešner · FrontKon 2024
• 33mUniversal React Apps Using Next.jsSia Karamalegos · React Finland 2018
• 27mAn introduction to Next.js and what's to come in 2021Tim Neutkens · JSWorld Conference 2021
• 22mUniversal React Apps Using Next.jsSia Karamalegos · ReactNext 2017
• 10mGradual Migration Strategies for Next.jsKyle Holmberg · Next.js Conf 2020
• 35mNext.js "Universal React Made Easy and Simple"Guillermo Rauch · React Conf 2017