Centre de Documentation
Utilisez ce dossier comme carte de travail de la stack Fenod. Le README.md racine présente la base; ces guides expliquent comment construire, tester, déployer et améliorer avec cette stack.
Parcours de Lecture Recommandés
Section intitulée « Parcours de Lecture Recommandés »Démarrer un nouveau projet
Section intitulée « Démarrer un nouveau projet »- Vue d’ensemble de la Stack
- Outillage
- Guide de Migration
- Stratégie de Développement
- Patterns de Code
- Bonnes pratiques React
Construire avec l’IA
Section intitulée « Construire avec l’IA »- Workflow de Développement avec l’IA
- Modèle de sécurité
- MCP avec Claude Code
- TDD avec l’IA
- Guide de Tests
- Débogage
Aller en production
Section intitulée « Aller en production »- Guide de Déploiement
- Environnements et secrets
- Tokens API Cloudflare
- Modèle de sécurité
- Guide d’Amélioration d’App
- Débogage
- État de l’Outillage Local
Surfaces produit et contenu
Section intitulée « Surfaces produit et contenu »Guides par Thème
Section intitulée « Guides par Thème »Fondations
Section intitulée « Fondations »| Guide | Utilisez-le pour |
|---|---|
| Vue d’ensemble de la Stack | Choisir les valeurs par défaut principaux et éviter la dispersion de la stack |
| Outillage | Defaults VoidZero, Vite, Vitest, Ultracite, tsgo, Rolldown et tsdown |
| Guide de Migration | Passer du scaffold à un projet prêt pour la production |
| Stratégie de Développement | Exécuter un delivery par phases avec une approche UI-first |
| Patterns de Code | Réutiliser des patterns d’implémentation à travers la stack |
| Bonnes pratiques React | Règles simples React pour agents, PRs, sécurité, accèssibilite et React Doctor |
IA et Workflow
Section intitulée « IA et Workflow »| Guide | Utilisez-le pour |
|---|---|
| Workflow de Développement avec l’IA | Definir le modèle de travail quotidien avec Cursor, Claude Code, MCP et la vérification |
| Modèle de sécurité | Secrets, agents, autorité Cloudflare, prompt injection, données et gates production |
| Fournisseurs IA | Workers AI, AI Gateway, Replicate — guide des modèles et comparatif providers |
| MCP avec Claude Code | Charger les outils dynamiquement, inspecter le navigateur et piloter Cloudflare |
| TDD avec l’IA | Rendre la sortie de l’IA plus sûre avec des boucles red/green/refactor |
| Guide de Tests | Structurer Vitest, Playwright, MSW, React Doctor et l’organisation des tests |
| Débogage | Deboguer le navigateur, les logs et l’edge runtime |
Livraison et Durcissement
Section intitulée « Livraison et Durcissement »| Guide | Utilisez-le pour |
|---|---|
| Guide de Déploiement | Déployer sur Cloudflare, configurer le CI/CD et les bindings |
| Environnements et secrets | Infisical, secrets Cloudflare et env de déployer sécurisée |
| Tokens API Cloudflare | Tokens à privilege minimal, garde-fous IA et usage Wrangler sécurisé |
| Modèle de sécurité | Modèle transversal pour secrets, agents, données et changements production |
| Email inbound Cloudflare, outbound transactionnel, deliverability et workflows agents | |
| Guide d’Amélioration d’App | Renforcer la performance, la résilience et l’opérabilité |
| État de l’Outillage Local | Auditer ce qui est installe localement et ce qui doit rester principal |
| Les Primitives de Calcul Cloudflare | Worker vs Dynamic Worker vs Container: quand utiliser chacun |
Frontend et Surfaces Produit
Section intitulée « Frontend et Surfaces Produit »| Guide | Utilisez-le pour |
|---|---|
| Récupération de données TanStack | Choisir entre loaders, queries et patterns hybrides |
| Guide SEO Astro | Structurer le SEO pour les projets à fort contenu |
| Guide Offline-First | Mettre en place le PWA, l’IndexedDB, la sync et la résilience |
- Les details spécifiques à la machine vont dans État de l’Outillage Local, pas dans le
README.mdracine. - Les pratiques réutilisables doivent vivre dans
docs/; les particularités d’un seul projet doivent rester dans ce projet.