Universal React Apps Using Next.js

on YouTube ↗22m

" summary

Next.js promises a minimalistic framework that makes server-side rendering by default and automatic code splitting per page practical: a pages/ directory maps filenames to routes, getInitialProps fetches data (demo uses the Star Wars API to build per-character pages), Link prefetching loads next bundles ahead of time, and route masking plus a tiny Express custom server fixes prettier URLs and refresh 404s. Version 3 is current, shared chunks kick in when a module appears in >50% of pages, and the examples run end-to-end.

AI-written summary · about

" chapters (14)

1. 0:00Intro
2. 0:49Discount Code
3. 1:12Who am I
4. 1:47Presentation Outline
5. 2:28Server vs Clientside Rendering
6. 3:22Universal JavaScript
7. 4:13Introducing Nextjs
8. 4:37Nextjs features
9. 5:47Getting started
10. 6:59Adding endpoints
11. 13:07Example application
12. 16:39Building a custom server
13. 17:47Summary
14. 21:21Resources

" related talks

• 33mUniversal React Apps Using Next.jsSia Karamalegos · React Finland 2018
• 35mNext.js "Universal React Made Easy and Simple"Guillermo Rauch · React Conf 2017
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 34mWhat's Next? Exploring the future of ReactGuillermo Rauch · ReactiveConf 2016
• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019
• 27mAn introduction to Next.js and what's to come in 2021Tim Neutkens · JSWorld Conference 2021
• 15mGetting Started with Next.jsDelba de Oliveira · Next.js Conf 2021
• 37mGuillermo Rauch - SeattleJS Conference 2017Guillermo Rauch · SeattleJS Conference 2017