Checklist production

# PERFORMANCE
# [ ] Lighthouse Performance >= 90
# [ ] LCP < 2.5 secondes
# [ ] INP < 200 ms
# [ ] CLS < 0.1
# [ ] Images en WebP/AVIF avec width/height
# [ ] Image hero avec priority (pas de lazy loading)
# [ ] Code splitting (dynamic imports pour les composants lourds)
# [ ] Fonts avec next/font (display: swap, preload)
# [ ] Bundle analysé (pas de librairie inutilisée)
# [ ] Prefetch/preload des ressources critiques

# ACCESSIBILITE
# [ ] Lighthouse Accessibility >= 95
# [ ] Toutes les images ont un alt text descriptif
# [ ] Contraste des couleurs >= 4.5:1 (texte normal) / 3:1 (gros texte)
# [ ] Navigation complète au clavier (Tab, Shift+Tab, Enter, Escape)
# [ ] Focus visible sur tous les éléments interactifs
# [ ] Labels sur tous les champs de formulaire
# [ ] aria-label sur les boutons icône
# [ ] prefers-reduced-motion respecté
# [ ] Zoom à 200% : contenu lisible, pas de débordement
# [ ] Lecteur d'écran : les sections sont compréhensibles

# SECURITE
# [ ] HTTPS actif (pas de mixed content)
# [ ] Headers de sécurité configurés (X-Frame-Options, CSP, etc.)
# [ ] npm audit : 0 vulnérabilité critique/haute
# [ ] Pas de dangerouslySetInnerHTML sans sanitization
# [ ] Pas de secrets dans le code client (vérifier .env)
# [ ] Variables d'environnement : NEXT_PUBLIC_* = vraiment public
# [ ] Validation de l'origine sur les API Routes
# [ ] RLS activé sur toutes les tables Supabase
# [ ] Pas de redirection ouverte (open redirect)
# [ ] Cookies sécurisés (HttpOnly, Secure, SameSite)

# SEO
# [ ] Lighthouse SEO >= 95
# [ ] Chaque page a un title unique (50-60 caractères)
# [ ] Chaque page a une meta description (150-160 caractères)
# [ ] Open Graph tags présents (og:title, og:description, og:image)
# [ ] Hiérarchie des headings correcte (h1 unique, puis h2, h3...)
# [ ] Sitemap.xml généré et accessible
# [ ] robots.txt configuré correctement
# [ ] Balise canonical sur chaque page
# [ ] Données structurées JSON-LD (si pertinent)
# [ ] Mobile-friendly (responsive design)

# FONCTIONNEL
# [ ] Toutes les pages se chargent sans erreur
# [ ] Les liens internes fonctionnent tous (pas de 404)
# [ ] Les formulaires envoient les données correctement
# [ ] L'authentification fonctionne (connexion, inscription, déconnexion)
# [ ] Le paiement Stripe fonctionne en mode test
# [ ] Les redirections sont correctes (/http -> /https, www -> non-www)
# [ ] La page 404 personnalisée s'affiche
# [ ] Le favicon et l'icône de l'app sont présents

# DEPLOIEMENT
# [ ] Build passe sans erreur (npm run build)
# [ ] Variables d'environnement configurées en production
# [ ] DNS configuré correctement
# [ ] Redirects (_redirects ou next.config.ts)
# [ ] Cache headers configurés (assets statiques)
# [ ] Error monitoring en place (optionnel mais recommandé)
# [ ] Backup de la base de données planifié

# Script d'audit rapide avant chaque déploiement
# pre-deploy-check.sh

echo "=== Audit pre-deploiement ==="

echo "1. Build..."
npm run build || { echo "BUILD FAILED"; exit 1; }

echo "2. Lint..."
npm run lint || { echo "LINT FAILED"; exit 1; }

echo "3. npm audit..."
npm audit --audit-level=high || echo "ATTENTION: vulnerabilites detectees"

echo "4. Lighthouse..."
npx lighthouse http://localhost:3000 --output json --quiet |   node -e "const r=JSON.parse(require('fs').readFileSync('/dev/stdin','utf8'));   console.log('Performance:', Math.round(r.categories.performance.score*100));   console.log('Accessibility:', Math.round(r.categories.accessibility.score*100));   console.log('SEO:', Math.round(r.categories.seo.score*100));"

echo "=== Audit termine ==="

# Prompt checklist IA :
# "Mon site Next.js est prêt pour la production.
# Stack : Next.js 15, React 19, Tailwind, Supabase, Stripe
# Hébergement : Cloudflare Pages
#
# Voici mon next.config.ts :
# [colle le fichier]
#
# Voici mon middleware.ts :
# [colle le fichier]
#
# Voici les résultats Lighthouse :
# [colle les scores]
#
# Donne-moi :
# 1. Les 5 choses manquantes les plus critiques
# 2. Les quick wins que je peux corriger en 10 minutes
# 3. Ce qui peut attendre (nice to have)"