Architecting React Applications with Next.js

What you'll learn

Building scalable and high-performing React applications can be a challenge. As applications grow, so do the complexities around state management, data fetching, performance optimization, and code maintainability. In this course, Architecting React Applications with Next.js, you'll learn to solve these challenges with the tools and strategies needed to architect robust, maintainable, and high-performing applications. First, you'll take a deep dive into React's latest features like Suspense, Server Components, and Server-side Rendering (SSR) within the Next.js framework. Next, you'll explore common pain points when scaling React apps and how to optimize applications using Next.js’ built-in capabilities, such as static site generation and dynamic rendering. Finally, you'll review practical examples, like managing a shopping cart and implementing server actions, gaining hands-on experience with techniques that streamline complex state management and data fetching. By the end of this course, you'll have the skills and knowledge of React needed to architect efficient applications and prepare them for production in real-world environments.

Table of contents