Learn Nuxt (a full-stack Vue.js meta framework for building modern applications with SSR, SSG, ISR, and SPA) from the basics to production-grade: prerequisites & environment setup, history, background & why you need Nuxt, core concepts & main architecture, starting a Nuxt project, routing & navigation, components & layouts, data fetching & server actions, state management, configuration & runtime config, images & assets, forms & validation, content & CMS integration, security & authentication, API integration & data protection, caching & performance, performance optimization, testing & quality, accessibility & UX, architecture & modularization, modern tooling & build automation, deployment & hosting, edge & serverless runtime, observability & monitoring, to stable modern features & future trends in a total of 24 episodes.
Before touching Nuxt, you need to master HTML, CSS, modern JavaScript, Vue 3 basics and the Composition API, as well as the SSR, SSG, and SPA concepts. In this episode you will also set up Node.js LTS, VS Code with the Volar extension, and verify that your Nuxt tooling is ready.

This episode traces Nuxt's history from a manual Vue SPA to a full-stack meta framework, the evolution from Nuxt 2 to Nuxt 3 and Nuxt 4, and the SSR setup, routing, and data fetching problems Nuxt solves compared to traditional approaches.

This episode breaks down Nuxt's architecture behind the scenes: the SSR, SSG, ISR, and SPA rendering modes, the role of Nitro as the server engine, the auto-import mechanism for components and composables, the project directory structure, and the boundary between server code and client code.

This episode guides you through creating your first Nuxt project with npx nuxi init, explains the folder and main file structure, runs the dev server with hot reload, and sets up TypeScript, ESLint, and Prettier so the codebase stays consistent from the start.

This episode covers Nuxt routing: file-based routing in the pages folder, dynamic routes with parameters, nested routes with a parent layout, navigation between pages using NuxtLink, and middleware as navigation guards to protect route access.

This episode covers reusable components with Single File Components, layouts for shared page scaffolding, nested layouts, slots for flexible component composition, and styling with CSS Modules, Tailwind, and component-scoped styles.

This episode covers data fetching in Nuxt: useAsyncData and useFetch, server-side composables, server actions for form processing, the difference between fetching on the server and the client, and caching, revalidation, and suspense.

This episode covers managing global state with Pinia in Nuxt: defining stores with setup and options syntax, Pinia plugins, shared state patterns with composables, and how to synchronize state during SSR hydration.

This episode covers configuring a Nuxt project: the role of nuxt.config.ts, runtime config for environment variables, separating public and private config, configuring modules and plugins, and build optimizations and feature flags for managing application behavior.

This episode covers managing images and assets in Nuxt: optimization with the @nuxt/image module, using the public folder for static assets, responsive images with NuxtImg, lazy loading, and media optimization strategies for performance.
