Next.js App Router patterns — Server Components and full-stack React
Guide Next.js 14+ App Router — Server Components, streaming, routes parallèles/interceptées, data fetching, cache et Server Actions
- Quoi
- Guide Next.js 14+ App Router — Server Components, streaming, routes parallèles/interceptées, data fetching, cache et Server Actions
- Coût
- Gratuit
- Prérequis
- un projet Next.js (14+ avec App Router, ou une migration Pages vers App) — le skill est un guide que l'agent suit, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — les patterns Next.js App Router de @sickn33 : un skill de routage pour Next.js 14+ — quand l'utiliser (nouvelles apps App Router, migration Pages vers App, Server Components, streaming, routes parallèles et interceptées, Server Actions, data fetching et cache), avec un playbook d'implémentation compagnon contenant les exemples détaillés. Bémols honnêtes : routeur fin par design — les patterns détaillés vivent dans le fichier de ressources référencé, à installer en même temps ; notez aussi qu'un skill du même nom `nextjs-app-router-patterns` existe déjà ici, de wshobson/agents — même nom, collection et contenu différents, choisissez celui qui correspond à votre stack. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Next.js (14+ avec App Router, ou une migration Pages vers App) — le skill est un guide que l'agent suit, pas un logiciel Installe-moi « Patterns Next.js App Router — Server Components et React full-stack ». Il donne à mon agent le routage Next.js App Router de @sickn33 : quand l'utiliser (nouvelles apps App Router, migration Pages vers App, Server Components, streaming, routes parallèles et interceptées, Server Actions, data fetching et cache). Les exemples détaillés vivent dans la ressource compagnon implementation-playbook.md — à installer en même temps. Note : un skill du même nom nextjs-app-router-patterns de wshobson/agents est aussi listé — collection différente, choisissez celui qui correspond à votre stack. Licence MIT. Dépôt : https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/nextjs-app-router-patterns/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels, y compris resources/implementation-playbook.md) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « nextjs-app-router-patterns ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers mon projet Next.js ; rien d'autre — c'est une méthodologie). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
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.