Skip to content
Nuxt & Vue
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
✨ Vue
📂 Guide
Introduction
Quick Start
Essentials
Creating a Vue Application
Template Syntax
Extras
Web Components
API
Application
Composition API Setup
General
API Reference
Examples
Glossary
Production Error Code Reference
✨ Nuxt
Get Started
Introduction
Installation
Configuration
Views
Assets
Styling
Routing
SEO and Meta
Transitions
Data Fetching
State Management
Error Handling
Server
Layers
Prerendering
Deployment
Testing
Upgrade Guide
Guide
Key concepts
Auto-imports
Nuxt Lifecycle
Vue.js Development
Rendering Modes
Server Engine
Modules
ES Modules
TypeScript
Code Style
Directory Structure
.nuxt
.output
app
assets
components
composables
layouts
middleware
pages
plugins
utils
app.vue
app.config.ts
error.vue
content
modules
node_modules
public
server
shared
.env
.gitignore
.nuxtignore
.nuxtrc
nuxt.config.ts
package.json
tsconfig.json
Going Further
Events
Experimental Features
Features
How Nuxt Works?
Runtime Config
Nightly Release Channel
Lifecycle Hooks
Module Author Guide
Nuxt Kit
NuxtApp
Authoring Nuxt Layers
Debugging
Recipes
Custom Routing
Vite Plugins
Custom useFetch
Sessions and Authentication
Best Practices
Nuxt and hydration
Nuxt Performance
Nuxt Plugins
API
Components
<ClientOnly>
<DevOnly>
<NuxtClientFallback>
<NuxtPicture>
<Teleport>
<NuxtRouteAnnouncer>
<NuxtTime>
<NuxtPage>
<NuxtLayout>
<NuxtLink>
<NuxtLoadingIndicator>
<NuxtErrorBoundary>
<NuxtWelcome>
<NuxtIsland>
<NuxtImg>
Composables
onPrehydrate
useAppConfig
useAsyncData
useCookie
useError
useFetch
useHead
useHeadSafe
useHydration
useLazyAsyncData
useLazyFetch
useLoadingIndicator
useNuxtApp
useNuxtData
usePreviewMode
useRequestEvent
useRequestFetch
useRequestHeader
useRequestHeaders
useRequestURL
useResponseHeader
useRoute
useRouteAnnouncerNew
useRouter
useRuntimeConfig
useRuntimeHook
useSeoMeta
useServerSeoMeta
useState
Utils
$fetch
abortNavigation
addRouteMiddleware
callOnceNew
clearError
clearNuxtData
clearNuxtState
createError
defineLazyHydrationComponent
defineNuxtComponent
defineNuxtPlugin
defineNuxtRouteMiddleware
definePageMeta
defineRouteRules
navigateTo
onBeforeRouteLeave
onBeforeRouteUpdate
onNuxtReady
prefetchComponents
preloadComponents
preloadRouteComponents
prerenderRoutes
refreshCookieNew
refreshNuxtData
reloadNuxtApp
setPageLayout
setResponseStatus
showError
updateAppConfig
Commands
nuxt add
nuxt analyze
nuxt build
nuxt build-module
nuxt cleanup
nuxt dev
nuxt devtools
nuxt generate
nuxt info
create nuxt
nuxt module
nuxt prepare
nuxt preview
nuxt typecheck
nuxt upgrade
Nuxt Kit
Modules
Runtime Config
Templates
Nitro
Resolving
Logging
Builder
Examples
Programmatic Usage
Compatibility
Auto-imports
Components
Context
Pages
Layout
Plugins
Advanced
Lifecycle Hooks
Import meta
Nuxt Configuration
📰 Blog
Nuxt on the Edge
GitHub
Select theme
Dark
Light
Auto
resolving
Card
Section titled “Card”
Check this out
Interesting content you want to highlight.
Link Card
Section titled “Link Card”
Example Guide
Description goes here!
Asides
Section titled “Asides”
Badge
Section titled “Badge”
Note
Success
Tip
Caution
Danger
New
New and improved
New, improved, and bigger
Code
Section titled “Code”
example.js
console
.
log
(
'This could come from a
file
or
CMS
!'
)
;
File Tree
Section titled “File Tree”
astro.config.mjs
package.json
src
components
Header.astro
Title.astro
Directory
pages/
…
Icons
Section titled “Icons”
Link Button
Section titled “Link Button”
Installation Guide
Installation Guide
Tabs
Section titled “Tabs”
Stars
Moons
Sirius, Vega, Betelgeuse
Io, Europa, Ganymede