This is a collection of simple code progressions.
- Hello World Next.js
- 03-00-next
- Introduce pages
- Introduce
Link - Introduce
dev - Introduce
build&start - Demo turning JS off
- 03-00-next
- Loading Data
- 04-00-loadData
- Introduce
getInitialProps - Introduce
query
- Introduce
- 04-01-loadData
- Introduce
Router.push - Introduce
_app.jsx- Introduce
ctx
- Introduce
- Introduce
- 04-02-loadData-slug
- Introduce
Link as - Demo shortcomings
- Introduce
- 04-03-loadData-slug-ssr
- Introduce
next-routes- Introduce imperative file name based routing
- Add
product.idas a slug
- Introduce
- 04-00-loadData
- Issues with loading data
- 05-01-slowitdown
- Demo shortcomings of
getInitialProps - Explain the desired UX
- Demo shortcomings of
- 05-02-slowitdown-app
- Explain exactly what's going on in
_app.jsx - Discuss potential alternatives
- Explain exactly what's going on in
- 05-03-slowitdown-fix
- Explain one potantial fix to the load problem
- Walk through the simple implementation
- Demo the simple fix
- Switch to the more advanced fix
- Demo different promise resolution times
- 05-01-slowitdown
- Using and abusing
_app.jsxfor fun and profit- Demo Anaytics
00-demoServer is a simple demo json api will provide product and analytics. yarn start will give you a blank analytics endpoint and 100 sample products.