react-summit-nextjs
Next.js Workshop for React Summit
Stars
10
Next.js Workshop!
Table of contents:
- Introduce Next.js (what is it, what values it provides)
- Explain Next.js' Router (pages/ or src/pages)
- Explain and Demo Dynamic Routing (including catch-all routes)
- Showcase automatic prefetching for fast performance (and how to disable for seldom-visited pages)
- Introduce API Routes, showcase hot reloading
- Introduce TypeScript Support (built-in types, jsconfig/tsconfig paths support, build time checking)
- Fetching Data in your Pages (with shared API type shapes)
- getStaticProps (new revalidate RFC)
- getStaticPaths (fallback: true/false)
- getServerProps (show code elimination tool https://next-code-elimination.now.sh/)
- React Hooks
- Explain the benefits/drawbacks of both (dashboard, blog, about page)
- Showcase AMP support (AMP first and hybrid AMP, explain how nextjs.org leverages it)
- Showcase client-side only rendering technique
- Show how to leverage Next.js' built-in CSS/SCSS support
- Explain the benefits and improvements we have made with the built-in support
- Discuss the bundling optimizations we've done, how granular chunking works (sneak peak at modern mode)
- Heavy CMS or Static content example
- Demonstrate blog-starter (markdown)
- Prismic example preview mode
- Demonstrate Notion blog example
- Initial preview mode example: https://next-preview.now.sh/
- Deploying Next.js applications
- Sneak peak into upcoming custom routes support
Badges
Extracted from project README
