Overview
Learn how to create a basic version of the Next.js framework from scratch using TypeScript and JavaScript in this comprehensive tutorial video. Explore the differences between frameworks, libraries, and meta-frameworks, and understand the core functionalities of frameworks. Dive into server-side rendering, data fetching, and file-system based routing as you build your own rudimentary React framework. Discover the benefits of frameworks, compare rendering methods, and gain insights into React Server Components (RSCs). By the end of this 31-minute tutorial, you'll have a functioning Next.js-like framework and a deeper understanding of server-side rendered web applications.
Syllabus
- Intro
- What is a Framework vs. Library vs. Meta-Framework
- What do frameworks do?
- Adding Server-Side Rendering
- When to fetch data
- Adding File-System Based Routing
- Adding Data Fetching Server-Side
- Framework Benefits: Free Upgrades
- renderToString vs. renderToPipeableStream
- React Server Components RSCs
- How to Incrementally adopt RSCs
- React Context with RSCs
- Conclusion
Taught by
Tejas Kumar