---
title: 'Nuxt Guide'
titleTemplate: '%s'
description: 'Learn how Nuxt works with in-depth guides.'
navigation: false
surround: false
---

::card-group{class="sm:grid-cols-1"}
  ::card{icon="i-lucide-medal" title="Key Concepts" to="/docs/4.x/guide/concepts"}
  Discover the main concepts behind Nuxt, from auto-import, hybrid rendering to its TypeScript support.
  ::
  ::card{icon="i-lucide-square-check" title="Best Practices" to="/docs/4.x/guide/best-practices"}
  Learn about best practices when developing with Nuxt.
  ::
  ::card{icon="i-lucide-bot" title="Working with AI" to="/docs/4.x/guide/ai"}
  Integrate AI tools into your Nuxt workflow with MCP Server and LLMs.txt.
  ::
  ::card{icon="i-lucide-box" title="Module Author Guide" to="/docs/4.x/guide/modules"}
  Learn how to create Nuxt modules to integrate, enhance or extend any Nuxt application.
  ::
  ::card{icon="i-lucide-book-open" title="Recipes" to="/docs/4.x/guide/recipes"}
  Find solutions to common problems and learn how to implement them in your Nuxt project.
  ::
  ::card{icon="i-lucide-star" title="Going Further" to="/docs/4.x/guide/going-further"}
  Master Nuxt with advanced concepts like experimental features, hooks, and more.
  ::
::