nuxtlearn

A dense, opinionated Nuxt 4 learning path for software engineers.

How to Use

1. Read chapters in order — each builds on the previous
2. Follow along with the matching starter in starters/XX-name/
3. Do the exercise at the end of each chapter
4. Check your work against solutions/XX-name/

Prerequisites

• TypeScript, Vue 3 Composition API
• Component-based architecture
• Node.js, Vite, package managers
• REST APIs, basic SSR concepts

Quick Start

cd starters/00-blank
npm install
npm run dev

Then read Chapter 00: Orientation to build your mental model.

---

Table of contents

• Orientation
• Scaffold & Config
• Routing
• Layouts & Views
• Data Fetching
• Server Routes
• State Management
• Middleware & Auth
• Components
• Composables
• Error Handling
• SEO & Head Management
• Modules & Plugins
• Rendering Modes
• Testing
• Performance
• Deployment
• Layers & Monorepo
• Real-World Patterns