Getting Started with Nuxt

Get introduced to the basic structure of Nuxt.

Let’s take a look at the folder structure that Nuxt uses.

Default directory structure

Here’s is the default folder structure that the Nuxt installer leaves us with:

├── assets
├── components
│ └── Logo.vue
├── layouts
│ └── default.vue
├── middleware
├── pages
│ └── index.vue
├── plugins
├── static
│ └── favicon.ico
├── store
├── nuxt.config.js
├── package.json
└── package-lock.json
Default folder structure in Nuxt project

Let’s look at each of these folders and see what role they play within a Nuxt application.

Pages

Nuxt favors convention over configuration. ...

Get hands-on with 1400+ tech skills courses.