Makeshift Next.js from Scratch - Server-Side Rendering
Offered By: Tejas Kumar via YouTube
Course Description
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
Related Courses
Next.js 14 & React - The Complete GuideUdemy Next.js 13 Crash Course - App Directory, React Server Components & More
Traversy Media via YouTube Write React Server Components from Scratch
Tejas Kumar via YouTube Let's Learn esbuild - Building Fast JavaScript Tools
Learn With Jason via YouTube React Server Components - Under the Hood
React Conferences by GitNation via YouTube