Welcome to

Blazing Fast Next.js with React Server Components

Design patterns to accelerate Next.js Apps with Static Rendering and Server Actions

Course Syllabus and Content

The Blazing Fast Next.js with React Server Components course equips you with the skills needed to master Next.js Static Rendering, coupled with Server Actions but also client-side and dynamic rendering. From foundational concepts to practical implementation, you'll gain a deep understanding of how to leverage Next.js for optimal performance and dynamic content delivery.

Module 1

Introduction to the Course

4 Lessons 8 Minutes

This module introduces the importance of performance in content applications, such as ecommerce, blogs, and press websites. Explore possible solutions in Next.js 14 App Router through a series of lessons, including the “Newline Commerce” demo app, an exploration of why performance matters, understanding the “Rendering Triforce”, and a demonstration of rendering with each approach in Newline Commerce.

Module 2

Static Pages with Dynamic data

3 Lessons 20 Minutes

Get familiar with React Server Components (RSC) and Server Actions in Module 2. Learn how to retrieve and modify data through three lessons, covering topics like static RSCs as the new default, getting data statically, and updating data with Server Actions.

Module 3

Up-To-Date Static Rendering

3 Lessons 22 Minutes

Advance your skills by updating static pages with fresh content while keeping them static using revalidatePath and revalidateTag. This module, comprised of three lessons, explores the benefits of static rendering, page-level "revalidatePath," and datasource-level "revalidateTag."

Module 4

Client-Server Relaying

2 Lessons 19 Minutes

Discover how to "relay" a server-side render with a client-side render and use polling to get updates without refreshing the page. Module 4, consisting of two lessons, recaps client-side data fetching and dives into relaying with SWR.

Module 5

Partial Prerendering (PPR)

1 Lesson 9 Minutes

Explore the concept of Partial Prerendering, where static and dynamic rendering are mixed. This module, with one lesson, covers the technique of mixing static and dynamic rendering to enhance your development capabilities.

Module 6

Conclusion

1 Lesson 5 Minutes

In the final module, we list again the different patterns to keep an app "as static as possible" and "as server-side as possible." This concluding module provides insights on limiting client-side and dynamic rendering to the parts where they bring tangible benefits.