Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Makeshift Next.js from Scratch - Server-Side Rendering

Tejas Kumar via YouTube

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

Reviews

Start your review of Makeshift Next.js from Scratch - Server-Side Rendering

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.