Nuxt

From RHS Wiki
Revision as of 09:50, 18 June 2025 by Rafahsolis (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

npm is required

Create project:

npx nuxi@latest init <project name>
cd <project name>
npm install

Project structure and files

Configuration:

nuxt.config.(js | ts | mjs) file

Pages directory

you create your pages here, each file will be treated as a route, ej: pages/index.vue; pages/index.ts; pages/index.tsx will generate your / route

Components directory

All this components will be auto imported

Layouts directory

Here you put common layouts that you want to have on every page like side menu or common header

Composables directory

Common logic pieces are stored here

app.vue

Starting point of your app where routing is defined

Run development server

npm run dev