Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.
2-4 Pages vs. Layouts vs. Components
In this lesson, we unpack one of the more difficult questions of architecture:
Where do we put our code?
In Nuxt 3 we have several options: Pages, Layouts, and Components. We’ll take a look at the advantages of each, and how to decide where to put new functionality as you’re working on your app.
This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.
If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.
Chapter 1 - Building Our MVP
18 lessons
Chapter 2 - Architecture and Organizing Our Code
7 lessons
Chapter 3 - Making Our App Robust
7 lessons
Chapter 4 - Route Middleware and Authentication
11 lessons
Chapter 5 - Server Routes
18 lessons
Chapter 6 - State Management with Pinia
8 lessons
Chapter 7 - Building a Sales Page
17 lessons