Créer un site avec Sanity et Astro grâce à l'IA : le guide complet pour débutants

Il y a deux ans, créer un site sans coder voulait dire Webflow, Framer ou WordPress. Aujourd'hui, une autre option s'est ouverte : laisser l'IA écrire un vrai site en code, et garder un espace simple pour en modifier le contenu.

Sur le papier, ça fait peur. « Code », « headless », « framework »… Dans les faits, c'est plus simple qu'un outil no-code, à condition de comprendre trois idées. C'est l'objet de ce guide.

La réponse courte

Un site Sanity + Astro, c'est un site séparé en deux : d'un côté l'affichage (Astro), de l'autre le contenu (Sanity). L'IA construit les deux et les relie. Toi, tu guides, tu vérifies, tu livres.

C'est la méthode qu'on utilise désormais au Studio. On a d'ailleurs refait coriace.co de cette façon en quittant Webflow, et on raconte pourquoi dans notre retour d'expérience.

Les 3 outils, en une image

Astro, c'est l'imprimerie. Il prépare toutes les pages de ton site à l'avance, comme un journal déjà imprimé. Quand un visiteur arrive, la page est prête : elle s'affiche tout de suite. Le détail est dans Astro, c'est quoi ?

Sanity, c'est le trousseau de clés. C'est un espace en ligne (le « Studio ») où l'on range les textes, les images, les prix. Ton client ouvre seulement les portes dont il a besoin, sans jamais toucher aux murs du site. Tout est expliqué dans Sanity, c'est quoi ?

Claude Code, c'est l'artisan. C'est l'IA qui écrit le code. Elle connaît Astro et Sanity par cœur, parce que ces outils sont très documentés. On a comparé les agents de code dans Claude Code ou Cursor.

Pourquoi ce duo plutôt qu'un outil no-code ?

Parce qu'avec Sanity et Astro, tu possèdes le code de ton site, il s'affiche plus vite, il est mieux lu par les IA et il ne coûte souvent rien à héberger. En échange, tu perds l'éditeur visuel : la mise en page se modifie en demandant à l'IA.

Les deux outils sont aussi solides côté entreprise. Astro a été racheté par Cloudflare, rachat annoncé le 16 janvier 2026, et reste open source (IT Brief). Sanity a levé 85 millions de dollars en série C en mai 2025 (Cooley). Ce ne sont pas des outils qui vont disparaître avec ton site.

Le détail des comparaisons : Sanity vs WordPress et Astro vs Next.js.

Les 5 étapes pour créer ton site

Pour créer un site Sanity + Astro avec l'IA, on suit 5 étapes dans cet ordre : lire la maquette, construire les pages avec Astro, préparer les cases dans Sanity, relier les deux, puis mettre en ligne.

C'est l'ordre qu'on suit à chaque projet. Le respecter évite 80 % des problèmes.

Étape 1 : lire la maquette

On part d'une maquette (Figma, par exemple). Avant d'écrire une ligne, on repère les pages, les sections, et surtout tout ce que le client voudra modifier : un titre, une photo, un prix. C'est le plan de la maison.

Étape 2 : construire les pages avec Astro

L'IA transforme la maquette en pages Astro. À ce stade, les textes sont encore écrits « en dur » dans le code. On vérifie que le site ressemble à la maquette, sur ordinateur et sur mobile. Ce sont les murs.

Étape 3 : préparer les cases dans Sanity

On crée dans Sanity les cases repérées à l'étape 1 : « titre de la page d'accueil », « liste des chambres », « prix ». Puis on les remplit. C'est le mobilier.

Étape 4 : relier Astro et Sanity

L'IA remplace les textes en dur par le contenu de Sanity. Désormais, quand on modifie un texte dans le Studio, le site change. On range les codes secrets dans un fichier à part (le fichier .env), qui ne part jamais en ligne.

Étape 5 : mettre en ligne

On publie le site sur un hébergeur comme Vercel, on branche le nom de domaine, et on donne au client son accès au Studio. Chaque modification passe par une version de test avant d'être publiée.

Les prompts qu'on utilise à chaque étape sont détaillés dans le workflow IA de A à Z.

Ce qu'il te faut pour démarrer

Il te faut un abonnement à l'IA (environ 21 € par mois pour Claude Pro), trois comptes gratuits (GitHub, Sanity, Vercel), un éditeur de code gratuit et une maquette.

• Un abonnement Claude (Pro, environ 21 € par mois) pour utiliser Claude Code.
• Des comptes gratuits : GitHub (la sauvegarde), Sanity (le contenu), Vercel (la mise en ligne).
• Un éditeur de code comme Cursor ou VS Code, pour voir les fichiers.
• Une maquette, la tienne ou celle d'un client.

Le budget complet, outil par outil, est dans combien coûte un site Sanity + Astro.

Les 3 erreurs de débutant

Les trois erreurs qu'on voit le plus chez nos élèves : des consignes trop vagues, aucune sauvegarde, et faire confiance à l'IA sans vérifier.

La bonne nouvelle : tout ça s'apprend vite. On l'explique dans peut-on vraiment coder un site sans savoir coder ? Et si tu veux en faire un métier, lis comment vendre des sites Sanity + Astro.

Nos conseils selon ton profil

Chez CORIACE, on accompagne trois profils. Voici par où commencer selon le tien.

Tu es freelance

Commence par ton propre site : c'est ta vitrine et ta première référence. Propose ensuite cette stack à un client existant, en vendant le résultat (vitesse, autonomie, pas d'abonnement) plutôt que les outils. Les prix pratiqués sont dans vendre des sites Sanity + Astro.

Tu es webdesigner

Ton vocabulaire de designer est ton meilleur atout : l'IA exécute mieux quand on lui parle espacements, grilles et animations. Avec Astro, tes maquettes Figma deviennent des sites en code sans passer par un développeur. Tu livres le design et le site.

Tu es entrepreneur

Tu peux construire ton site toi-même, sans agence ni abonnement. Concentre-toi sur deux choses : un Studio Sanity clair pour mettre à jour tes contenus seul, et les vérifications avant mise en ligne. C'est ce qui fait la différence entre un site joli et un site qui ramène des clients.