Ta landing page pour 0 € : le prompt complet pour ton agent de code

Le prompt qui décrit une landing page Next.js ligne par ligne (stack, charte, composants, onze sections, formulaire de contact), plus les emplacements à remplacer et les outils à brancher ensuite.

Quand tu demandes un site à un agent de code avec une idée vague, il choisit tout au hasard et le résultat part dans tous les sens. Ce document de 10 pages te donne le prompt utilisé dans la vidéo YouTube « J'ai créé une landing page gratuite avec l'IA en moins de 20 minutes ». Il ne décrit pas une idée de site : il décrit le site, ligne par ligne.

En bref
  • Un prompt complet en cinq parties, à donner à Claude, Cursor ou ton agent de code.
  • Une stack imposée : Next.js 15, React 19, Tailwind CSS v4, Framer Motion, TypeScript.
  • Onze sections décrites une par une, de la navigation au footer, avec un formulaire de contact prêt pour Resend.
  • Un tableau des emplacements à remplir, et quoi faire si tu n'as pas l'outil concerné.

Ce que tu trouves dans le document

1. Le mode d'emploi en quatre étapes

Copier le prompt, remplacer le nom de la marque, le donner à ton agent dans un projet Next.js, puis lancer le build et faire corriger les erreurs. Avec la raison d'être de chaque bloc : stack, design system chiffré, structure, contraintes.

2. Le prompt complet

La charte graphique en variables CSS, la typographie, les composants à créer (bouton et carte en verre, logo), les animations, puis la page section par section : hero, bandeau partenaires, services en bento, étapes, réalisations, contact, réservation et footer. Il finit par le layout, la route API du formulaire et les contraintes.

3. Ce qu'il faut remplacer pour toi

Le nom de la marque, le lien d'agenda, les identifiants des scripts, l'adresse de réception et la clé Resend. Pour chacun, ce que tu fais si tu n'en as pas.

4. Les outils pour aller plus loin

Rybbit, Axeptio, Resend, GitHub et Vercel : ce que fait chacun, et un conseil pour débloquer chaque étape avec l'IA.

Avant de lancer. Le prompt part d'un projet où les pages de réalisations et leur fichier de données existent déjà. Si tu pars de zéro, demande à l'agent de les créer, ou retire la section et la contrainte qui en parle.
Si tu ne fais qu'une seule chose : remplace le nom de la marque, garde le reste tel quel pour un premier essai, et ne passe à la suite qu'une fois le build passé sans erreur.

← Toutes les ressources IA · Nos formations IA