rga-rt/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.

Qu'est-ce que claude-nuxt-fullstack-scaffold ?

Cette compétence Claude permet aux développeurs de générer rapidement une structure complète et prête pour la production d'une application Nuxt 3. Elle offre des options pour intégrer soit une base de données SQLite via Drizzle ORM, soit Supabase pour une solution backend plus complète, ainsi que la prise en charge de l'internationalisation (i18n) avec un module dédié. L'utilisateur peut choisir parmi ces options lors du processus de génération. La compétence inclut trois exemples exécutables qui illustrent l'utilisation de chaque variante. Elle est conçue pour les développeurs travaillant avec Claude Code ou d'autres agents AI compatibles, leur permettant d'accélérer le démarrage de nouveaux projets Nuxt 3 en bénéficiant d'une architecture robuste et de bonnes pratiques de développement.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add rga-rt/claude-nuxt-fullstack-scaffold

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

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/i18n pour 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

  1. Nuxt 3 avec i18n : Exemple montrant la configuration de base avec le module d'internationalisation.
  2. Nuxt 3 avec SQLite (Drizzle) : Exemple intégrant Drizzle ORM avec SQLite pour la gestion des données.
  3. 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

Skills associés