Nuxt.js

Nuxt 3 · intermediate

Nuxt.js track

Build production Vue apps with Nuxt 3. File-based routing, useFetch data layer, hybrid rendering (SSR/SSG/ISR), Nitro server, modules, Pinia, devtools — the framework that makes full-stack Vue feel effortless.

Start the first lesson 70 of 70 lessons live

Section 01

Nuxt Foundations

Install Nuxt, learn the file conventions — pages, layouts, components, composables.

10 / 10 lessons
Chapter quiz 8 questions on Nuxt Foundations
  1. 01 What Nuxt Is 4 min
  2. 02 Installing & First Nuxt App 4 min
  3. 03 The Nuxi CLI 4 min
  4. 04 Project Structure 4 min
  5. 05 app.vue — The App Entry 4 min
  6. 06 Pages — File-Based Routing 4 min
  7. 07 Layouts 4 min
  8. 08 Auto-Imported Components 4 min
  9. 09 Auto-Imported Composables 4 min
  10. 10 nuxt.config.ts 5 min

Section 02

Routing & Navigation

File-based routing, dynamic & catch-all, NuxtLink, middleware, validation.

10 / 10 lessons
Chapter quiz 8 questions on Routing & Navigation
  1. 01 File-Based Routing 4 min
  2. 02 Dynamic Routes — [slug] 4 min
  3. 03 Catch-All Routes 4 min
  4. 04 NuxtLink & Prefetching 4 min
  5. 05 Programmatic Navigation 4 min
  6. 06 Route Middleware 5 min
  7. 07 Route Validation 4 min
  8. 08 Nested Routes 4 min
  9. 09 definePageMeta 4 min
  10. 10 Custom Error Pages 4 min

Section 04

Rendering & Hydration

SSR, SSG, hybrid, ISR, payload, hydration, ClientOnly.

10 / 10 lessons
Chapter quiz 8 questions on Rendering & Hydration
  1. 01 Rendering Modes — Overview 4 min
  2. 02 Server-Side Rendering 4 min
  3. 03 Static Site Generation 4 min
  4. 04 Hybrid Rendering With routeRules 4 min
  5. 05 ISR & SWR With routeRules 4 min
  6. 06 SPA Mode 4 min
  7. 07 The Nuxt Payload 4 min
  8. 08 Hydration & Mismatches 4 min
  9. 09 ClientOnly — Skip SSR for a Subtree 4 min
  10. 10 Server-Only Components & process.server 4 min

Section 05

State, Composables & Modules

useState, Pinia, runtime config, plugins, official modules, custom modules.

10 / 10 lessons
Chapter quiz 8 questions on State, Composables & Modules
  1. 01 useState — Cross-Component State 4 min
  2. 02 Pinia in Nuxt 4 min
  3. 03 Custom Composables 4 min
  4. 04 Runtime Config 4 min
  5. 05 Plugins 4 min
  6. 06 Modules — Installing & Using 4 min
  7. 07 @nuxt/image — Responsive, Optimized Images 4 min
  8. 08 @nuxt/content — File-Based CMS 4 min
  9. 09 @nuxtjs/i18n — Internationalization 4 min
  10. 10 Build Your Own Module 5 min

Section 06

Server, Nitro & API

Nitro server, server/api, h3 utilities, middleware, auth, database.

10 / 10 lessons
Chapter quiz 8 questions on Server, Nitro & API
  1. 01 Nitro — The Server Engine 4 min
  2. 02 server/api Deep Dive 4 min
  3. 03 server/middleware 4 min
  4. 04 h3 Utilities 4 min
  5. 05 Custom Server Handlers 4 min
  6. 06 Typed API Routes 4 min
  7. 07 Sharing Server Utilities 3 min
  8. 08 useCookie & Cookies on the Server 4 min
  9. 09 JWT Auth With Nitro 5 min
  10. 10 Database Access — Drizzle / Prisma 4 min

Section 07

Production & Deployment

SEO, OG images, testing, performance, devtools, deploy to static/Node/edge.

10 / 10 lessons
Chapter quiz 8 questions on Production & Deployment
  1. 01 SEO & Metadata 4 min
  2. 02 OG Images & Schema 4 min
  3. 03 error.vue — Polishing 404s and 500s 4 min
  4. 04 Performance Optimization 5 min
  5. 05 Nuxt DevTools 3 min
  6. 06 Testing — Vitest & @nuxt/test-utils 4 min
  7. 07 Build & Preview 4 min
  8. 08 Deploying SSG 4 min
  9. 09 Deploying SSR — Node Hosts 4 min
  10. 10 Deploying to the Edge 5 min