Project Structure

The Compiled Application

The dist/ directory contains your compiled application which you can deploy. This directory is created when building the web application with npm run dev or with npm run build.

Nuxt Configuration

By default, Nuxt.js is configured to cover most use cases. This default configuration can be overwritten with the nuxt.config.js file. More information about the available options in the documentation.

Layouts

The layouts/ directory contains your Application Layouts. More information about the usage of this directory in the documentation.

Pages

The pages/ directory contains your Application Views and Routes. The framework reads all the *.vue files inside this directory and create the router of your application. More information about the usage of this directory in the documentation.

Components

The components/ directory contains your Vue.js Components.

Locales

The locales/ directory contains localization files. Translations here are available globally in your app.

Middleware

The middleware/ directory contains your application middleware. The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts). More information about the usage of this directory in the documentation.

Mixins

The mixins/ directory contains Mixins, a flexible way to distribute reusable functionalities for Vue components. A mixin object can contain any component options. When a component uses a mixin, all options in the mixin will be “mixed” into the component’s own options. More information about the usage of mixins in the documentation.

Assets

The assets/ directory contains your un-compiled assets such as LESS, SASS, or JavaScript. More information about the usage of this directory in the documentation.

Plugins

The plugins/ directory contains your Javascript plugins that you want to run before mounting the root Vue.js application. More information about the usage of this directory in the documentation.

Static

The static/ directory contains your static files. Each file inside this directory is mapped to /. Example: /static/robots.txt is mapped as /robots.txt. More information about the usage of this directory in the documentation.

Vuex Store

The store/ directory contains your Vuex Store files. More information about the usage of this directory in the documentation.