Next.js Turbopack
Guide Next.js 16+ pour le bundling dev Turbopack, démarrage et HMR plus rapides, et le renommage middleware vers proxy.
- Quoi
- Guide Next.js 16+ pour le bundling dev Turbopack, démarrage et HMR plus rapides, et le renommage middleware vers proxy.
- Coût
- Gratuit
- Prérequis
- Utilisez « Next.js Turbopack » avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un guide pratique pour Next.js 16 et versions ultérieures, où Turbopack est le bundler de développement par défaut. Turbopack est un bundler incrémental écrit en Rust qui rend le démarrage du dev et le remplacement de module à chaud bien plus rapides, surtout sur les grosses apps, avec un cache sur le système de fichiers qui accélère spectaculairement les redémarrages. Le skill couvre quand rester sur Turbopack au quotidien, quand retomber sur webpack (uniquement en cas de bug Turbopack ou de dépendance à un plugin webpack-only en dev), comment se comportent les builds de production selon votre version de Next.js, et le petit renommage qui casse tout de middleware.ts vers proxy.ts. Utile aussi pour diagnostiquer un démarrage dev lent ou un rechargement à chaud paresseux, et pour réviser les choix de bundler. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : pur guide, rien à installer ; rédigé pour Next.js 16+, donc vérifiez la documentation officielle de Next.js pour votre version car les défauts et les flags diffèrent selon les releases. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseOn scanne automatiquement chaque fiche et on signale tout ce qui semble louche, mais on ne peut pas relire chaque ligne du code de la communauté. Voici comment vérifier une création vous-même avant de l'installer.
Utilisez « Next.js Turbopack » avec votre Muse. Prérequis : l'app Muse (mobile ou web). Skill de pur guide, rien à installer. Une app Next.js 16+ (vérifiez la documentation officielle si vous êtes sur une release plus ancienne, les défauts diffèrent). 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/nextjs-turbopack/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat avec Muse et ajoutez : « Mon démarrage dev Next.js est lent / mon HMR est paresseux : [décrivez les symptômes, la taille de l'app, la version de Next.js]. Diagnostique au regard du guide Turbopack. » 3. Demandez à Muse de vérifier les coupables probables dans l'ordre (Turbopack activé, état du cache, nommage middleware vs proxy, plugins webpack-only) et de proposer le correctif minimal. Astuce : le renommage de middleware.ts vers proxy.ts est le casseur silencieux classique après une mise à jour. Vérifiez les noms de fichiers avant de déboguer plus profond. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. Relisez tout changement de config avant de l'appliquer, ne collez jamais de secrets dans un chat, et relisez tout ce que Muse propose avant qu'il n'agisse.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.