Eines de l'usuari

Eines del lloc


dev:nuxt

Taula de continguts

NUXT

 npm create nuxt@latest

I a partir d'aquí et pregunta el nom del projecte (la carpeta) i crea tota l'estructura de directoris necessària.

Passos:

  • Crear la carpeta components
  • Crear la carpeta pages
    • Esborrar el fitxer app.vue de l'arrel, i crear el index.vue dins de pages

Configuració

  • Deshabilitar el SSR. D'aquesta forma tota l'aplicació són pàgines html+js. La contrapartida és que no és SEO, però és més fàcil desplegar-la
  • Si l'aplicació no està a l'arrel del domini, aleshores modificar l'atribut app.baseURL

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  ssr: false,
  app: {
    baseURL: '/nuxt'
  }
})

Un cop configurat, es genera el front amb

npm run generate

Això deixarà tota l'aplicació a la ruta ./output/public

/home/admin/web/eines.inspedralbes.cat/public_html/dokuwiki/data/pages/dev/nuxt.txt · Darrera modificació: 2025/03/02 22:48 per ebota