• Docs
  • Modules
  • Showcase
  • Support

Docs

  • Get Started
  • Guide
  • API
  • Examples
  • Community
  • Essentials
    • Hello World
  • App
    • app.config
    • Error Handling
    • Plugins
    • Teleport
  • Auto Imports
    • Components
    • Composables
  • Composables
    • useAsyncData
    • useCookie
    • useFetch
    • useHead
    • useState
  • Routing
    • Layouts
    • Middleware
    • <NuxtLink>
    • Pages
    • Universal Router
  • Server
    • Server Routes
  • Advanced
    • Config Extends
    • JSX / TSX
    • Module Extend Pages
    • Testing
  • Experimental
    • Reactivity Transform
    • WASM
  • Other
    • Locale

Layouts

This example shows how to define default and custom layouts.

Read more in Guide > Directory Structure > Layouts.
Loading Sandbox...
Edit on Github
© 2022 Nuxt - MIT License
  • Support
  • Design Kit
  • NuxtLabs
  • Nuxt Studio