🚀 RefonteScraper — Usine à Refonte IA

Colle l'URL d'un site vieillissant : aspiration, nettoyage RGPD, images WebP, SEO 301 et Prompt Maître dans un .ZIP clé en main.

CRUD Complet D1 + R2 Actif

🤖 Prompt Maître Universel pour Agent Antigravity (Après réception du .ZIP)

Donne l'archive .ZIP téléchargée à ton agent Antigravity et colle-lui ce prompt : il crée le GitHub, code tout le site Vue 3 et le déploie sur Cloudflare Pages sans rien te demander.

👁️ Afficher / vérifier le prompt complet (Code + GitHub + Cloudflare Auto-Deploy)
# 🚀 MISSION AUTONOME ANTIGRAVITY : REFONTE COMPLÈTE + GITHUB + CLOUDFLARE PAGES

Tu viens de recevoir en pièce jointe (ou dans le dossier courant) l'archive `.zip` générée par **RefonteScraper** pour un client.
Tu as **tous les outils** (terminal, `gh`, `git`, MCP Cloudflare, API Cloudflare, Wrangler). **Je ne dois absolument rien faire manuellement.** Exécute les 6 étapes suivantes de bout en bout sans t'arrêter :

## 1. EXTRACTION & ANALYSE DU KIT (.ZIP)
1. Décompresse l'archive `.zip` fournie et lis immédiatement `client-config.json`, `PROMPT-REFONTE.md`, `wrangler.toml`, `public/_headers`, `public/_redirects` ainsi que **toutes** les pages Markdown dans `content/pages/*.md`.
2. Vérifie la liste des images extraites dans `public/images/*`.
3. **RÈGLE STRICTE** : Interdiction formelle de scanner, lire ou analyser `node_modules`. Zéro secret ou token en dur dans le code.

## 2. CRÉATION AUTONOME DU DÉPÔT GITHUB (PRÉREQUIS BLOQUANT)
1. Récupère le nom du domaine dans `client-config.json` (ex: `refonte-<nom-domaine>`).
2. Initialise Git (`git init -b main`), crée un `.gitignore` strict (`node_modules`, `dist`, `.env*`, `.dev.vars`, `.wrangler`).
3. Crée le dépôt GitHub en totale autonomie via GitHub CLI :
   `gh repo create refonte-<slug-domaine> --public --source=. --remote=origin`

## 3. DÉVELOPPEMENT DU SITE MODERNE (VITE + VUE 3 + TAILWIND CSS)
1. Architecture **Vite.js + Vue 3 (Composition API `<script setup>`) + Tailwind CSS**, 100 % gratuite (zéro dépendance payante).
2. **Modularité stricte** : plafond de 150 lignes max par fichier `.js` (tolérance pragmatique sur les composants `.vue`).
3. **Fidélité absolue au contenu** : intègre **100 % des textes réels** issus de `content/pages/*.md` (accueil, prestations/services, partenaires, mentions légales, contact). N'invente aucune fausse prestation et aucun texte Lorem Ipsum.
4. **Médias & Design** :
   - Utilise exclusivement les visuels et logos locaux présents dans `public/images/*` et le favicon d'origine dans `public/favicon.*`.
   - Applique l'ADN couleur extrait dans `client-config.json` (`brandIdentity.palette`) avec un design moderne, haut de gamme, Mobile-first (boutons tactiles >= 48px, barre d'appel rapide mobile `tel:` et demande de devis).
5. **Conservation Infra** : garde intactes les règles de sécurité et de cache dans `public/_headers` et toutes les redirections 301 SEO d'origine dans `public/_redirects`.

## 4. BACKEND SERVERLESS EDGE (CLOUDFLARE PAGES FUNCTION)
1. Crée `functions/api/contact.js` (`onRequestPost` + `onRequestOptions` CORS) pour traiter le formulaire de contact directement en Edge sur Cloudflare Pages.
2. Implémente la validation stricte des champs (nom, téléphone, email, message), un champ anti-spam honeypot invisible, et renvoie une réponse JSON propre (`200 OK`).

## 5. SEO LOCAL 49 & PERFORMANCE (100/100 LIGHTHOUSE)
1. Dans `index.html`, injecte un bloc JSON-LD `Schema.org` (`LocalBusiness` / `Electrician` / artisan adapté) complet pré-rempli avec toutes les données de `client-config.json` (nom, téléphones, email, SIRET, adresse postale dans le 49, zone d'intervention Maine-et-Loire).
2. Configure les balises `<title>`, `<meta name="description">`, OpenGraph (`og:title`, `og:description`, `og:image`) et le routage propre correspondant aux cibles de `public/_redirects`.

## 6. MISE EN LIGNE & CONNEXION AUTO GITHUB -> CLOUDFLARE PAGES
1. Fais un `git add -A`, vérifie via `git diff` qu'aucun secret ne fuite, puis `git commit` et `git push -u origin main`.
2. Crée un **nouveau projet Cloudflare Pages** dédié `refonte-<slug-domaine>` (ne touche jamais aux autres projets existants du compte !) connecté en natif au dépôt GitHub (`source.type = "github"`, branche `main`, `production_deployments_enabled = true`, `deployments_enabled = true`, `destination_dir = "dist"`).
3. Déclenche et attends la fin du déploiement, vérifie que l'URL de production `https://refonte-<slug-domaine>.pages.dev` ainsi que `/api/contact` et `/favicon.svg` répondent en `200 OK`, puis donne-moi les liens GitHub et Cloudflare Pages finaux.

📦 Projets Aspirés (Base D1 & Stockage R2)

0
Domaine Volume Coordonnées extraites (49) Dernière MàJ Actions CRUD
Chargement depuis Cloudflare D1...