Guillermo Rauch - SeattleJS Conference 2017
summary
Next.js 3 makes universal React apps with one command to start dev and build + export for production, adds robust hot module replacement, automatic per-page code splitting, server-side rendering that hydrates to client state, a head helper for meta tags, and dynamic imports to load libraries or components on demand. Demos include a blog with Firebase-powered real‑time view counts, a static docs export that compiles Markdown to React, an Electron app workflow, and a chat example that loads message component bundles only when needed.
AI-written summary · about
chapters (25)
- 0:00Introduction by Guillermo Rauch
- 1:04What is Next.js and why it was created
- 3:31Getting started with Next.js
- 6:05Hot module replacement in Next.js
- 6:47Styling components with Style JSX
- 7:52Routing and page structure
- 8:57Building for production
- 10:23Integration with React component libraries
- 11:26Server-side rendering and lifecycle hooks
- 13:14Adding Material UI components
- 14:40Using Head for meta tags
- 15:24Building a blog with Next.js
- 16:47Higher-order components for layouts
- 17:52Preloading and client-side transitions
- 18:55Dynamic imports and Firebase integration
- 21:43Next News: Hacker News clone
- 23:12Data fetching and backend integration
- 23:56Static exports and documentation
- 25:41Markdown preprocessing in docs
- 27:52Next.js for Electron applications
- 28:14Ant Design integration and i18n
- 29:32Code splitting and bundle optimization
- 31:40Dynamic imports and Next Chat demo
- 34:53Future plans for Next.js
- 35:38Q&A and resources
related talks
22mUniversal React Apps Using Next.js
36mNext.js by Example
34mWhat's Next? Exploring the future of React
33mUniversal React Apps Using Next.js
35mNext.js "Universal React Made Easy and Simple"
15mGetting Started with Next.js
40mStatic and Dynamic Next.js
01h 14mReusable Server Components in React Workshop