Makeshift Next.js from Scratch (Server-Side Rendering)

Опубликовано: 08 Июнь 2025
на канале: Tejas Kumar

4,450

263

Repo: https://github.com/TejasQ/makeshift-n...

Socials:
/ tejaskumar_
/ tejasq

In this video, I'll show you how to make a rudimentary version of the Next.js framework from scratch using TypeScript and JavaScript.

Next.js is a popular JavaScript framework for building server-side rendered web applications. In this video, we'll create a basic Next.js variant that does server side rendering, server side data fetching, and server side routing. By the end of this video, you'll have a rudimentary React framework like Next.js up and running!

If you're interested in learning how to create your own React framework similar to Next.js from scratch, then this is the video for you! Thanks for watching!

Chapters

00:00 - Intro
01:30 - What is a Framework vs. Library vs. Meta-Framework
04:22 - What do frameworks do?
07:25 - Adding Server-Side Rendering
13:10 - When to fetch data
14:33 - Adding File-System Based Routing
17:58 - Adding Data Fetching (Server-Side)
23:02 - Framework Benefits: Free Upgrades
24:28 - renderToString vs. renderToPipeableStream
25:35 - React Server Components (RSCs)
26:58 - How to Incrementally adopt RSCs
29:09 - React Context with RSCs
29:46 - Conclusion