_Index

Nuxt 3 Introduction and Installation — Vue.js Full-Stack Framework

Learn Nuxt 3: understand the Vue.js full-stack framework, install it, create a project, and explore the file structure.

Nuxt Pages and Routing — File-Based Routing in Nuxt 3

Learn Nuxt 3 file-based routing, dynamic routes, route parameters, and navigation components for building multi-page applications.

Nuxt Layouts — Reusable Page Templates in Nuxt 3

Learn Nuxt 3 layouts: creating reusable page wrappers with headers, footers, and sidebars, and applying layouts to pages.

Nuxt Components — Auto-Importing and Reusable Vue Components

Learn Nuxt 3 component system: auto-imports, component naming conventions, and building reusable UI components.

Nuxt Composables — Auto-Imported State and Utilities in Nuxt 3

Learn Nuxt 3 composables: useState, useFetch, useHead, useRoute, and custom auto-imported composables for shared logic.

Nuxt Data Fetching — useFetch, useAsyncData, and Server Data

Learn Nuxt 3 data fetching: useFetch for API calls, useAsyncData for custom fetching, and handling loading and error states.

NuxtLink and Navigation — Client-Side Navigation in Nuxt 3

Learn NuxtLink component for client-side navigation, prefetching, active link styling, and programmatic routing in Nuxt 3.

Nuxt Auto-imports — Automatic Imports of Composables, Components, and Utilities

Learn Nuxt 3 auto-import system: how composables, components, and Vue APIs are automatically imported without manual imports.

Nuxt Modules and Plugins — Extending Nuxt 3 Functionality

Learn Nuxt 3 modules and plugins: how to install modules, create plugins, and extend Nuxt's core functionality.

Nuxt Server Routes — Building API Endpoints in Nuxt 3

Learn Nuxt 3 server routes: creating API endpoints, handling requests and responses, and building a full-stack Nuxt application.

Nuxt Middleware — Route Protection and Navigation Guards

Learn Nuxt 3 middleware for route protection, redirects, authentication checks, and running code before page rendering.

Nuxt State Management — useState and Pinia in Nuxt 3

Learn Nuxt 3 state management: useState for simple shared state and Pinia for complex state management with stores.

Nuxt SEO and Meta Tags — Search Engine Optimization in Nuxt 3

Learn how to optimize Nuxt 3 for search engines using useHead, definePageMeta, Open Graph tags, and structured data.

Nuxt Static Generation — Building Static Sites with nuxt generate

Learn how to generate static sites with Nuxt 3 using nuxt generate for pre-rendering, hybrid rendering, and deployment to CDNs.

Nuxt SSR, SSG, and SPA Modes — Choosing the Right Rendering Strategy

Learn Nuxt 3 rendering modes: SSR, SSG, SPA, and hybrid — when to use each and how to configure them per route.

Nuxt Image Optimization — Complete Guide to @nuxt/image

Learn Nuxt image optimization with @nuxt/image module — responsive images, WebP conversion, lazy loading, and custom providers for performance.

Nuxt Content Management — Complete Guide to @nuxt/content

Learn Nuxt Content module — manage markdown files, query content with MongoDB-like syntax, render dynamic pages, and build a blog with @nuxt/content.

Nuxt Styling and Theming — CSS, Tailwind CSS, and Dark Mode

Learn Nuxt styling and theming — configure Tailwind CSS, write global and scoped styles, implement dark mode, and create reusable theme components.

Nuxt Internationalization (i18n) — Complete Guide to @nuxtjs/i18n

Learn Nuxt i18n with @nuxtjs/i18n — configure multiple locales, manage translation files, implement locale switching, and optimize SEO for multilingual sites.

Nuxt 3 Basics -- Complete Beginner's Guide

Learn Nuxt 3 fundamentals -- project structure with the app directory, Vue 3 Composition API integration, automatic imports, and universal rendering for any.

Nuxt Authentication and Authorization — Login, Sessions, and Protected Routes

Learn Nuxt authentication and authorization — implement user login with cookies, JWT tokens, session management, middleware-protected routes, and role-based access.

Nuxt 3 Auto-Import -- Developer Experience Guide

Learn Nuxt 3 auto-imports -- automatically import components, composables, and utilities without manual statements, significantly reducing boilerplate across.

Nuxt Error Handling — Custom Error Pages, Error Boundaries, and API Error Handling

Learn Nuxt error handling — create custom 404 and 500 error pages, implement error boundaries, handle API errors gracefully, and display user-friendly messages.

Nuxt 3 Composables -- Reusable Logic Guide

Learn Nuxt 3 composables -- build reusable logic with Vue Composition API, use useState for isomorphic state, and share composables across projects and modules.

Nuxt Testing — Unit Tests, Component Tests, and E2E Tests with Vitest

Learn Nuxt testing — write unit tests for composables and utilities, component tests with Vue Test Utils, and end-to-end tests with Playwright using Vitest.

Nuxt 3 Modules -- Extension Guide

Learn Nuxt 3 modules -- extend Nuxt with community modules for authentication, content management, SEO, sitemaps, and build custom modules for your project.

Nuxt Environment Variables and Configuration — Runtime Config, .env, and Per-Environment Settings

Learn Nuxt environment variables and configuration — manage runtime config, private and public variables, .env files, and per-environment settings for development and production.

Nuxt 3 Content -- CMS Guide

Learn Nuxt Content v2 -- manage markdown and JSON files as a headless CMS, query content with MongoDB-like syntax, render prose components, and build docs sites.

Nuxt Deployment — Deploy to Static Hosting, Node.js Servers, and Serverless Platforms

Learn Nuxt deployment — deploy to Netlify, Vercel, Cloudflare, and Node.js servers with static generation, server-side rendering, and serverless configurations.

Nuxt 3 Server Routes -- API Guide

Learn Nuxt 3 server routes -- build API endpoints inside your Nuxt app using the server directory, handle HTTP requests, connect databases, and return JSON.

Nuxt Mini Project — Build a Full-Stack Blog Application

Build a complete full-stack Nuxt blog application with authentication, content management, search, comments, and deployment — combining all Nuxt concepts.