Que fait claude-nuxt-fullstack-scaffold ?
Compétence Claude pour générer des applications Nuxt 3 prêtes pour la production avec i18n optionnel, SQLite (Drizzle) ou Supabase – inclut 3 exemples exécutables.
Aperçu
Cette compétence permet de créer rapidement un squelette d'application Nuxt 3 complet et prêt pour la production. L'utilisateur peut choisir d'ajouter les fonctionnalités suivantes :
- Internationalisation (i18n) : Utilisation du module
@nuxtjs/i18npour gérer plusieurs langues. - Base de données SQLite : Intégration de SQLite via Drizzle ORM pour un stockage local de données.
- Supabase : Connexion à Supabase pour une base de données distante, authentification, et stockage de fichiers.
Trois exemples exécutables sont fournis pour montrer les différentes combinaisons de ces options.
Utilisation
Appelez cette compétence en demandant à Claude de créer un projet Nuxt 3 avec les caractéristiques souhaitées. Par exemple :
Créez un nouveau projet Nuxt 3 avec i18n et Supabase.
ou
Générez une application Nuxt 3 avec SQLite (Drizzle).
La compétence suivra alors les instructions pour configurer le projet.
Exemples
- Nuxt 3 avec i18n : Exemple montrant la configuration de base avec le module d'internationalisation.
- Nuxt 3 avec SQLite (Drizzle) : Exemple intégrant Drizzle ORM avec SQLite pour la gestion des données.
- Nuxt 3 avec Supabase : Exemple utilisant Supabase pour l'authentification et la base de données.
Chaque exemple est complètement exécutable et prêt à être lancé.
Configuration requise
- Node.js version 20 ou supérieure.
- pnpm, yarn ou npm.
Structure du projet généré
my-nuxt-app/
├── app.vue
├── assets/
├── components/
├── composables/
├── layouts/
├── middleware/
├── pages/
├── plugins/
├── public/
├── server/
├── stores/
├── .env.example
├── drizzle.config.ts
├── nuxt.config.ts
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── README.md
Les dossiers et fichiers supplémentaires seront ajoutés en fonction des options choisies.
Lancement
Après la génération, vous pouvez lancer l'application en mode développement :
cd my-nuxt-app
npm run dev
Pour construire pour la production :
npm run build
Dépendances
Les dépendances principales utilisées sont :
- Nuxt 3 :
nuxt@^3.15 - Vue 3 :
vue@^3.x - Vite :
vite@^6 - Drizzle ORM (si option choisie) :
drizzle-orm,drizzle-kit,better-sqlite3 - Supabase (si option choisie) :
@supabase/supabase-js - i18n (si option choisie) :
@nuxtjs/i18n
Pour plus d'informations, consultez la documentation officielle de Nuxt 3.
Contribution
Les contributions sont les bienvenues. Veuillez ouvrir une issue ou une pull request sur le dépôt GitHub.
Licence
MIT