·nuxt-v4
""

nuxt-v4

Développement d'un framework Nuxt 4 prêt pour la production avec SSR, composables, récupération de données, routes de serveur et déploiement Cloudflare. À utiliser lorsque : créer des applications Nuxt 4, implémenter des modèles SSR, création de composables, de routes de serveur, de middleware, de récupération de données, gestion de l'état, débogage des problèmes d'hydratation, déploiement sur Cloudflare, optimisation des performances, ou mise en place de tests avec Vitest. Mots clés : Nuxt 4, Nuxt v4, SSR, rendu universel, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, composables, importations automatiques, middleware, routes de serveur, routes d'API, hydratation, routage basé sur des fichiers, répertoire d'applications, référencement, balises méta, useHead, useSeoMeta, transitions, gestion des erreurs, configuration d'exécution, pages Cloudflare, Cloudflare Workers, NuxtHub, Workers Assets, D1, KV, R2, Objets durables, Vitest, tests, optimisation des performances, chargement différé, fractionnement du code, prérendu, couches, modules, plugins, Vite, TypeScript, inadéquation d'hydratation, réactivité superficielle, clés réactives, modèle singleton, definitionNuxtConfig, définirEventHandler, naviguerTo, définirPageMeta, useRuntimeConfig, app.vue, répertoire du serveur, répertoire public, répertoire des actifs

12Installations·0Tendance·@christowles

Installation

$npx skills add https://github.com/christowles/blog --skill nuxt-v4

Comment installer nuxt-v4

Installez rapidement le skill IA nuxt-v4 dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/christowles/blog --skill nuxt-v4
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : christowles/blog.

Production-ready patterns for building modern Nuxt 4 applications with SSR, composables, server routes, and Cloudflare deployment.

| nuxt | 4.0.0 | 4.2.x | | vue | 3.5.0 | 3.5.x | | nitro | 2.10.0 | 2.10.x | | vite | 6.0.0 | 6.0.x | | typescript | 5.0.0 | 5.x |

Key Change in v4: The app/ directory is now the default srcDir. All app code goes in app/, server code stays in server/.

Développement d'un framework Nuxt 4 prêt pour la production avec SSR, composables, récupération de données, routes de serveur et déploiement Cloudflare. À utiliser lorsque : créer des applications Nuxt 4, implémenter des modèles SSR, création de composables, de routes de serveur, de middleware, de récupération de données, gestion de l'état, débogage des problèmes d'hydratation, déploiement sur Cloudflare, optimisation des performances, ou mise en place de tests avec Vitest. Mots clés : Nuxt 4, Nuxt v4, SSR, rendu universel, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, composables, importations automatiques, middleware, routes de serveur, routes d'API, hydratation, routage basé sur des fichiers, répertoire d'applications, référencement, balises méta, useHead, useSeoMeta, transitions, gestion des erreurs, configuration d'exécution, pages Cloudflare, Cloudflare Workers, NuxtHub, Workers Assets, D1, KV, R2, Objets durables, Vitest, tests, optimisation des performances, chargement différé, fractionnement du code, prérendu, couches, modules, plugins, Vite, TypeScript, inadéquation d'hydratation, réactivité superficielle, clés réactives, modèle singleton, definitionNuxtConfig, définirEventHandler, naviguerTo, définirPageMeta, useRuntimeConfig, app.vue, répertoire du serveur, répertoire public, répertoire des actifs Source : christowles/blog.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/christowles/blog --skill nuxt-v4
Catégorie
""Rédaction
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-11

Browse more skills from christowles/blog

Réponses rapides

Qu'est-ce que nuxt-v4 ?

Développement d'un framework Nuxt 4 prêt pour la production avec SSR, composables, récupération de données, routes de serveur et déploiement Cloudflare. À utiliser lorsque : créer des applications Nuxt 4, implémenter des modèles SSR, création de composables, de routes de serveur, de middleware, de récupération de données, gestion de l'état, débogage des problèmes d'hydratation, déploiement sur Cloudflare, optimisation des performances, ou mise en place de tests avec Vitest. Mots clés : Nuxt 4, Nuxt v4, SSR, rendu universel, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, composables, importations automatiques, middleware, routes de serveur, routes d'API, hydratation, routage basé sur des fichiers, répertoire d'applications, référencement, balises méta, useHead, useSeoMeta, transitions, gestion des erreurs, configuration d'exécution, pages Cloudflare, Cloudflare Workers, NuxtHub, Workers Assets, D1, KV, R2, Objets durables, Vitest, tests, optimisation des performances, chargement différé, fractionnement du code, prérendu, couches, modules, plugins, Vite, TypeScript, inadéquation d'hydratation, réactivité superficielle, clés réactives, modèle singleton, definitionNuxtConfig, définirEventHandler, naviguerTo, définirPageMeta, useRuntimeConfig, app.vue, répertoire du serveur, répertoire public, répertoire des actifs Source : christowles/blog.

Comment installer nuxt-v4 ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/christowles/blog --skill nuxt-v4 Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/christowles/blog