Next level Coding

on YouTube ↗26m

" summary

Live coding shows a real Next.js app: pages map to routes via the pages directory, server vs static rendering chosen per page with getInitialProps or static export, and API endpoints live under /api so frontend and backend share one project. AMP, TypeScript auto-setup, and image rules are demonstrated; a dev-server restart hiccup appears but overall features work. Claims include build-time speedups from hours to milliseconds and production use by Hulu, Twitch, TicketSwap.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 3:04Life coding
3. 11:00Choosing between pages
4. 11:56Rendering
5. 12:18AMP
6. 19:05Backend
7. 20:02API
8. 22:10Typescript

" related talks

• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 40mStatic and Dynamic Next.jsGuillermo Rauch · JSHeroes 2017
• 09mBuild Projects 10x Faster with Next.jsHosna Qasmei · Next.js Conf 2023
• 15mGetting Started with Next.jsDelba de Oliveira · Next.js Conf 2021
• 22mTaking Next Apps to the Next LevelAnuradha Kumari · React Conference Live 2022
• 22mUniversal React Apps Using Next.jsSia Karamalegos · ReactNext 2017
• 34mWhat's Next? Exploring the future of ReactGuillermo Rauch · ReactiveConf 2016
• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019