Just another ECMAScript Trait Syntax ProposalStop breaking the web and start building server-rendered web apps using next.js

on YouTube ↗30m

" summary

Shows a working Next.js demo that proves server-rendered pages load HTML first then hydrate and still work with JavaScript disabled, implements server-side rendering and code splitting with route-level builds, uses a live cookie-app to demonstrate getInitialProps, fetch (isomorphic fetch) and prefetching, adds simple dev and production scripts, compiles a production build and explains server-side caching and integration with other Node servers. Practical live coding, no deep theory, and the demo succeeds.

AI-written summary · about

" chapters (13)

1. 0:00Server-side rendering with Next.js
2. 2:36Client-side rendering problems
3. 5:09Next.js key features
4. 7:25Setting up Next.js
5. 10:56First server-rendered page
6. 11:40Routes and state management
7. 14:18Isolated routes and enhancement
8. 16:32Prefetching and performance
9. 18:00Data fetching with getInitialProps
10. 22:13Production build and run
11. 25:48Performance: direct vs transitions
12. 26:14Next.js benefits recap
13. 29:08Q&A

" related talks

• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019
• 23mMastering Server-rendered AppsSven Anders Robbestad · React Amsterdam 2016
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 58mUnderstand the Next Phase of Web DevelopmentSteve Sanderson · NDC London 2024
• 16mStreaming Server Side Rendering simplified with Next.JSMariappan Subramanian · React Nexus 2023
• 45mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Oslo 2024
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 28mMastering Server-Side Development for React DevelopersMary Shaw · UtahJS Conf 2025