Search⌘ K
AI Features

Consolidating Your Knowledge and Next Steps

Explore the foundational architectural patterns of Next.js including layouts, streaming, data mutations, and context sharing. Understand how these core concepts work together and learn recommended next steps to deepen your skills, such as building projects, integrating services, and mastering testing strategies.

Congratulations on reaching the finish line! We’ve covered a lot of ground in this course, moving from the fundamentals of a new project to building complex, full-stack features.

Across the course, we’ve focused on the “how” and “what” of the App Router. We’ll close by stepping back and reflecting on the “why.”

The patterns you’ve mastered

Let’s recap the four reusable architectural patterns that can be considered as the core pillars of the App Router.

1. The Layout Pattern (Structure): First is the Layout Pattern, which defines the app’s structure. We used this pattern with app/layout.js and by creating nested layouts for specific routes. By doing this, we learned how to define a shared UI shell that persists across navigations. The ...