Aide-memoire

Nuxt

Les bases Nuxt pour structurer une application, gerer les routes, le SEO et les donnees.

npx nuxi init mon-projet
cd mon-projet
npm install
npm run dev
npm run build
npm run preview

mon-projet/
  pages/
  components/
  layouts/
  plugins/
  middleware/
  server/
  app.vue

<template>
  <div>{{ message }}</div>
</template>

<script setup>
const message = ref('Bonjour Nuxt!')
</script>

pages/
  index.vue       - /
  about.vue       - /about
  blog/[id].vue   - /blog/123
  users/[...all].vue

<script setup>
const { data, pending, error } = await useFetch('/api/hello')
const config = useRuntimeConfig()
</script>