Template landing HTML/CSS/JS + Vite

Une base propre pour produire des landings avec des agents IA.

Clone, crée une branche ou un worktree, modifie le contenu, build, puis laisse Coolify générer une preview dédiée à chaque branche.

Démarrer un brief Voir le workflow

Vite: Build minifié
Docker: Coolify ready
IA: Conventions incluses

Pourquoi ce template

Optimisé pour des livraisons rapides, propres et isolées.

Structure prévisible

Les agents savent où modifier le contenu, les styles, les scripts et la documentation.

Build statique

Vite minifie les assets dans dist/, prêt à être servi par Nginx.

Previews par branche

Chaque landing peut vivre dans sa branche et être prévisualisée indépendamment sur Coolify.

Workflow recommandé

Une landing = une branche = une preview.

Le repo est pensé pour permettre à plusieurs agents IA de travailler en parallèle sans se marcher dessus. Chaque mission part d’un brief, puis se termine par un build validé.

Créer un brief Remplir LANDING_BRIEF.md avec offre, cible, ton, CTA et contraintes.
Créer la branche/worktree Isoler le travail : git worktree add ../landing-client client/client-a.
Adapter la landing Modifier HTML, CSS, assets et métadonnées en gardant la structure simple.
Valider et pousser Lancer npm run build, commit, push, puis vérifier la preview Coolify.

Qualité intégrée

Le minimum nécessaire pour une base sérieuse.

Responsive

Layout fluide, lisible mobile-first, sans dépendance CSS lourde.

SEO prêt à adapter

Métadonnées, Open Graph, titre et description à personnaliser par landing.

Docker prêt

Build multi-stage Node puis Nginx, compatible avec les déploiements Coolify.

Prêt à produire

Remplace ce contenu par l’offre du client et publie la branche.

Utilise ce bloc pour le CTA principal : demande de démo, appel découverte, inscription, achat ou téléchargement.

hello@example.com