Site statique généré par un petit script Node, sans aucune dépendance. HTML/CSS/JS écrits à la main, CSS intégré dans chaque page, environ 3 Ko de JS.
npm run build # génère dist/
npm run dev # build + prévisualisation sur http://localhost:4000
| Je veux changer… | Fichier |
|---|---|
| Coordonnées, domaine, clé du formulaire, délais | src/config.mjs → site |
| Offres, prix, cadre, maintenance, options | src/config.mjs |
| Réalisations, arguments, étapes, FAQ | src/config.mjs |
| Texte, titre ou SEO d’une page | src/pages/<page>.mjs |
| Une section réutilisée (hero, offres, formulaire…) | src/components.mjs |
En-tête, pied de page, balises <head> |
src/layout.mjs |
| Styles | src/assets/css/main.css |
Chaque fichier de src/pages/ devient une page. Pour en ajouter une, copiez une page service existante et changez path, title, description et le contenu. Le sitemap se met à jour tout seul.
Le build affiche ce qui manque encore. À faire :
site.url : le vrai domaine. Un fichier CNAME est alors généré pour GitHub Pages.site.web3formsKey : créer une clé sur web3forms.com (comme pour Créa-Bains). Sans clé, le formulaire affiche un message d’erreur clair.site.email et/ou site.phone.site.legal : statut, SIRET et adresse, pour des mentions légales complètes.site.delays, les réponses de la FAQ sur la propriété et l’abonnement, et le nombre de séries de modifications de l’offre Pro.respondWithin24h: true seulement si ce délai est tenable.github.io par le domaine dès qu’il est actif.googleSiteVerification, puis soumettre /sitemap.xml.plausibleDomain (sans cookie) ou ga4Id. Un événement est envoyé à chaque demande de devis.Le workflow .github/workflows/deploy.yml construit et publie dist/ à chaque push sur main. Dans le dépôt, allez dans Settings → Pages → Source et choisissez « GitHub Actions ». Le site fonctionne aussi dans un sous-dossier (https://user.github.io/repo) : tous les liens suivent site.url.
src/assets/img/realisations/<projet>-desktop-{640,960,1440}.webp (capture 1440×900) et <projet>-mobile-{390,780}.webp (capture 390×844 en @2x).scripts/og-image.html (1200×630). Faites-en une capture, puis enregistrez-la dans src/assets/img/og-image.jpg./creation-site-internet-<ville>/, quand la zone de prospection sera fixée et qu’il y aura du contenu local réel à y mettre.