Intro to NextJS

on YouTube ↗27m

" summary

Compares NextJS to CRA and Gatsby with concrete metrics — Google Trends and NPM download counts show Next.js has far more downloads than its repo share suggests, implying larger teams per repo. Lists actual features: getInitialProps for server/client data fetching, automatic code‑splitting, static pre‑rendering plus server rendering, and API routes as lambdas for built‑in microservices. Notes Next.js 9 is fully TypeScript capable and the repo contains working examples and a workshop; deployment integrations include Zeit Now or custom servers.

AI-written summary · about

" chapters (32)

1. 0:00Intro
2. 0:55Overview
3. 1:42Why React
4. 2:37Google Trends
5. 3:32GitHub Data
6. 4:48Comparing 2016 vs 2019
7. 5:26Why NextJS
8. 7:12Trends
9. 7:57Market Share
10. 10:24Enterprise
11. 11:25Code Splitting
12. 11:42Static Deployment
13. 12:13Developer Side
14. 12:36Packages
15. 13:26Ship it
16. 14:47NPM
17. 15:07Lambda
18. 15:33misconceptions
19. 17:27NextJS Workshop
20. 17:50Demo Content
21. 18:09TLDR
22. 20:41Dynamic Routes
23. 22:03Events
24. 22:19Initial Props
25. 23:24Context Object
26. 24:02Bonus Feature
27. 24:20Add API to Pages Directory
28. 24:40Add MicroService API
29. 25:01Security Update
30. 25:21Documentation
31. 25:48Github
32. 26:12Outro

" related talks

• 27mAn introduction to Next.js and what's to come in 2021Tim Neutkens · JSWorld Conference 2021
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 45mOpening KeynoteGUILLERMO RAUCH, VERCEL, SAM SELIKOFF, VERCEL, JIMMY LAI, VERCEL · Next.js Conf 2025
• 34mWhat's Next? Exploring the future of ReactGuillermo Rauch · ReactiveConf 2016
• 40mStatic and Dynamic Next.jsGuillermo Rauch · JSHeroes 2017
• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019
• 12mNext.js A Framework For FrameworksChris Ball · Next.js Conf 2020
• 09mBuild Projects 10x Faster with Next.jsHosna Qasmei · Next.js Conf 2023