2025 Edition NEW BLOG

Mastering Nuxt Course

Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.

Nuxt 2 Nuxt 3 Nuxt 2025 🆕

Course Introduction

3 lessons

07m 22s

Mastering Nuxt: Full Stack Unleashed Intro

FREE

55s

How the Mastering Nuxt course works

02m 37s

Debugging and Troubleshooting Tips

03m 50s

Project Setup

10 lessons

27m 40s

Chapter 1 Introduction

45s

Faster package management with pnpm

02m 05s

Create a Nuxt 4 Project

02m 01s

Create a GitHub Project

02m 15s

Keep your Node version consistent with NVM

05m 16s

Setup the Ideal Nuxt Development Experience with VS Code Extensions

04m 09s

Quickly build beautiful UIs with Nuxt UI

FREE

03m 16s

Enforce consistent code style with ESLint

05m 33s

Run linting automatically with Husky

01m 56s

Chapter 1 Summary

24s

Basic Chat App

14 lessons

01h 01m 29s

Chapter 2 Introduction

01m 07s

Catch Up on the Project Setup (Chapter 1)

01m 54s

App.vue, the most important component in your Nuxt app

02m 21s

Create pages with file-based routing and the NuxtPage Component

05m

Reuse UI with Layouts and the NuxtLayout Component

05m 27s

Use Composables to Organize Logic

FREE

08m 08s

Use Components to Organize UI

10m 34s

Add a Button to Scroll to the Bottom of the Chat

04m 04s

How to Decide Between Pages, Layouts, and Components

05m 29s

Reactively Update the Head Tag with useHead

03m 14s

Create a Basic API with Server Routes

FREE

05m 36s

Fetch Data From Your API with $fetch

03m 07s

What is Universal Rendering in Nuxt?

FREE

05m 03s

Chapter 2 Summary

25s

Connecting to OpenAI and Deploying

12 lessons

42m 04s

Chapter 3 Introduction

31s

Configure Secure and Clear Runtime Settings in Nuxt

03m 46s

Configure Your Nuxt App with app.config for Reactive Settings

02m 20s

When to Use Which Config: Runtime vs. App Config

03m 54s

Create an OpenAI Account

03m 25s

Run Large Language Models Locally with OLLAMA

03m 11s

Integrate AI-Generated Responses Using OpenAI and Ollama

FREE

07m 56s

Implement a Typing Indicator for Feedback

02m 34s

Use Nuxt DevTools for Application Debugging and Insight

04m 28s

Markdown Rendering with Nuxt MDC and Shiki Syntax Highlighting

03m 28s

Deploy Your Nuxt App to Netlify for Global Access

06m 01s

Chapter 3 Summary

30s

Routes

13 lessons

01h 12m 51s

Chapter 4 Introduction

01m 01s

Build Dynamic Routes and the App Header

04m 19s

Manage Global State with useState

10m 06s

Manage Nested Data with Normalized State

06m 35s

Add Programmatic Navigation with navigateTo

05m 29s

Client-Side Navigation with NuxtLink

05m 25s

Sidebar Navigation with Nuxt UI Components

04m 19s

Share and Reuse Utility Functions with Nuxt's utils Directory

07m 38s

Implement Nested Routes in Nuxt for Organized and Dynamic Applications

FREE

07m 17s

Organize UI with Dynamic Navigation Menus in Nuxt

06m 26s

Customize Themes in Nuxt UI with Tailwind CSS

03m 46s

Organize and Share Code with Nuxt Layers

09m 32s

Chapter 4 Summary

58s

Basic Server Routes

10 lessons

29m 31s

Chapter 5 Introduction

01m 07s

Share Code Between Frontend and Backend Using Nuxt's Shared Directory

03m 55s

Implement the Repository Pattern to Decouple Data Operations in Nuxt

04m 21s

Refactor and Optimize Nuxt Project Configuration

02m 09s

Organize Server Routes by HTTP Method in Nuxt

FREE

03m 19s

Dynamic Server Routes in Nuxt for AI Chat Messages

03m 21s

Send Data to Server Routes

04m 27s

Add AI-Generated Chat Titles to Your Application

04m 23s

Add in the rest of the endpoints

01m 49s

Chapter 5 Summary

40s

Basic Data Fetching

9 lessons

27m 50s

Chapter 6 Introduction

01m 22s

Avoid Extra Client-Side Requests with useAsyncData

06m 22s

Optimize Data Fetching with useAsyncData

FREE

04m 01s

Simplify Data Fetching with Nuxt's useFetch Composable

01m 20s

Manage Data Reactively with useState and useFetch in Nuxt

01m 14s

When to use $fetch, useFetch, and useAsyncData

04m 44s

Add AI-Generated Chat Titles with a Typewriter Animation

04m 10s

Complete the Data Fetching for your Nuxt Chat App

03m 46s

Chapter 6 Summary

51s

Advanced Server Routes

9 lessons

46m 10s

FREE

05m 23s

Chapter 7 Introduction

FREE

52s

Configure Persistent Storage in Nuxt with Unstorage

10m 22s

Implement Server Middleware for Global Request Handling

03m

Optimize API Performance with Cached Event Handlers in Nuxt

FREE

06m 08s

Validate Runtime Data in Nuxt with Zod

08m 12s

Explore Nitro and H3 in Nuxt's Backend Architecture

06m 02s

Implement Streaming Responses for Real-Time LLM Outputs

05m 23s

Chapter 7 Summary

48s

Advanced Data Fetching

5 lessons

23m 55s

Chapter 8 Introduction

48s

Stream AI Responses to the UI

FREE

06m 47s

Create Instant UI with Optimistic Updates

07m 19s

Pre-fetching Chats with Nuxt's callOnce Utility

08m 20s

Chapter 8 Summary

41s

SEO and Performance

6 lessons

30m 04s

Chapter 9 Introduction

43s

Optimize Performance by Lazy Loading Components in Nuxt

07m 52s

Transform and Optimize Images with Nuxt Image

FREE

07m 02s

Explore Nuxt's Rendering Modes for Optimal Performance

09m 19s

Configure Rendering Modes with Nuxt Route Rules

04m 23s

Chapter 9 Summary

45s

Error Handling

5 lessons

14m

Chapter 10 Introduction

32s

Implement Error Handling in Nuxt with the createError Utility

03m 43s

Customize Error Pages in Nuxt Applications

FREE

05m 30s

Isolate Client-Side Errors with NuxtErrorBoundary

04m

Chapter 10 Summary

15s

Database

8 lessons

32m 32s

Chapter 11 Introduction

51s

Set Up a Supabase Project and Connect with Prisma

02m 53s

Integrate Prisma Into Your App

10m 44s

Seed Your Database with Prisma for Development

04m 49s

Unify TypeScript and Database Types with Prisma

05m 15s

Retrieve and Manage Data Using Prisma Queries

FREE

03m 48s

Fix Bugs and Finish Supabase and Prisma Integration

03m 38s

Chapter 11 Summary

34s

Auth

8 lessons

43m 44s

Chapter 12 Introduction

01m 04s

Integrate GitHub OAuth Authentication in Nuxt

09m 49s

Add User Authentication with NuxtAuthUtils

09m 17s

Link the Github User to Your Own Internal User

04m 05s

Secure Server Endpoints with Server Composables

09m 20s

Secure Client-Side Routes with Route Middleware

04m 38s

Seed User-Specific Data with Prisma

FREE

04m 38s

Chapter 12 Summary

53s