Join our community
Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.
2 - Organizing Our Code
In this chapter, we’ll take a step back and look deeper into Nuxt 3 architecture.
We’ll see how we can use Pages, Layouts, and Components to organize our code better, and increase the maintainability of our code over time.
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
1-0 Getting Set Up
07m 40s
1-1 File based routing
06m 11s
1-3 Nested Routes
05m 52s
1-4 Dynamic Routes
09m 05s
1-5 Loading in Course Data
06m 12s
1-6 Update Lesson Styling
01m 02s
1-9 Navigating with NuxtLink
04m 16s
1-10 More with NuxtLink
04m 54s
1-11 The useHead composable
03m 11s
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
4-Intro
01m 33s
4-1 Route Middleware Basics
05m 55s
4-2 Creating a Login Page
06m 04s
4-4 Setting Up Supabase
08m 30s
4-6 Logging in with Github
07m 57s
4-7 Logging Out
06m 43s
4-Summary
44s
Chapter 5 - Server Routes
18 lessons
5-Intro
01m 03s
5-1 Server Route Basics
10m 57s
5-2 Lesson Endpoint
10m 22s
5-4 Course Metadata Endpoint
11m 33s
5-5 Basic Data Fetching
12m 53s
5-6 Advanced Data Fetching
14m 49s
5-8 Fetch Course Metadata
09m 56s
5-9 Setting up Prisma
14m 43s
5-15 Auth and Server Routes
15m 52s
5-Summary
34s
Chapter 6 - State Management with Pinia
8 lessons
Chapter 7 - Building a Sales Page
17 lessons
7-Intro
41s
7-1 Adding the Landing Page
07m 18s
7-3 Route Rules
04m 18s
7-4 Managing Static Assets
12m 34s
7-7 Setting up Stripe
06m 05s
7-Summary
38s