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.
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.
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."
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.
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.
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.