RC
Getting Started Guide API Examples Community
  • Concepts
    • What is Nuxt?
    • Vue.js Development
    • Rendering Modes
    • Auto Imports
    • Server Engine
    • TypeScript
  • Features
    • Views
    • Routing
    • Assets
    • Head Management
    • Data Fetching
    • State Management
    • Error Handling
    • Plugins
    • Server Routes
    • Runtime Config
    • Teleports
    • Modules
  • Directory structure
    • .nuxt
    • .output
    • assets
    • components
    • composables
    • layouts
    • middleware
    • node_modules
    • pages
    • plugins
    • public
    • server
    • .gitignore
    • app.vue
    • .nuxtignore
    • nuxt.config.ts
    • package.json
    • tsconfig.json
  • Deploy
    • Node.js Server
    • Static Hosting
    • Deployment Presets
  • Going further
    • How Nuxt Works?
    • Lifecycle Hooks
    • Module Author Guide
    • Nuxt Kit
    • ES Modules
    • NuxtApp
    • Testing
    • Edge Channel
  • Concepts
    • What is Nuxt?
    • Vue.js Development
    • Rendering Modes
    • Auto Imports
    • Server Engine
    • TypeScript
  • Features
    • Views
    • Routing
    • Assets
    • Head Management
    • Data Fetching
    • State Management
    • Error Handling
    • Plugins
    • Server Routes
    • Runtime Config
    • Teleports
    • Modules
  • Directory structure
    • .nuxt
    • .output
    • assets
    • components
    • composables
    • layouts
    • middleware
    • node_modules
    • pages
    • plugins
    • public
    • server
    • .gitignore
    • app.vue
    • .nuxtignore
    • nuxt.config.ts
    • package.json
    • tsconfig.json
  • Deploy
    • Node.js Server
    • Static Hosting
    • Deployment Presets
  • Going further
    • How Nuxt Works?
    • Lifecycle Hooks
    • Module Author Guide
    • Nuxt Kit
    • ES Modules
    • NuxtApp
    • Testing
    • Edge Channel

Assets directory

The assets/ directory is used to add all the website's assets that the build tool (webpack or Vite) will process.

The directory usually contains the following types of files:

  • Stylesheets (CSS, SASS, etc.)
  • Fonts
  • Images that won't be served from the public/ directory.

If you want to serve assets from the server, we recommend taking a look at the public/ directory.

Edit this page on GitHub Updated at Wed, May 25, 2022

Directory Structure .output
Directory Structure components
Twitter GitHub

Nuxt 2 documentation