Formation Sanity × Astro
J'en profite-30 %

PRÉVENTE -30 %, FIN DANS :

--JOURS
--HEURES
--MIN
--SEC

Formation Sanity × Astro
construire un site premium 100 % IA(même si t'es débutant)

Créer des sites haut de gamme, même si tu débutes, en quelques jours avec l'IA.

J'en profite-30 %Voir le programme
La page produit façon Apple construite pendant la formation, et Claude Code qui l'assemble

/ LA QUESTION À 1 MILLION

Peut-on créer des sites haut de gamme avec l'IA ?

Oui, même si tu débutes. On a refait une page produit d'Apple avec l'IA, sans écrire une ligne de code : côte à côte, impossible de dire laquelle vient de leur équipe. Ce qui demandait des semaines et des milliers d'euros se fait en quelques jours.

À une condition : que l'IA suive une méthode. Elle part d'une vraie maquette, reçoit les mots du métier et construit dans le bon ordre. Résultat : un site haut de gamme, rapide et bien référencé, loin des sites générés en un prompt. C'est celui que tu construis pendant la formation.

Voir le programme

/ LES 3 PIÈGES

Coder un site avec l'IA, tout le monde peut le faire.
Coder un site de haut niveau, non.

3 pièges qu'on voit tous les jours, chez nos clients comme chez nos élèves.

Un site qui marche, mais qui ne tient pas.

Le code écrit par l'IA a une faille dans 45 % des tests (Veracode, 2025). Chez un de nos clients, les passeports étaient lisibles par tous.

Un beau site que personne ne trouve.

Construit pour tes yeux, pas pour Google. Les robots de ChatGPT ne le lisent pas, et il charge trop lentement.

Une IA qui part dans tous les sens.

« Non, c'est pas ça », « corrige encore » : tu brûles tes crédits et tes journées à tourner en rond.

Un formateur Coriace au travail sur un site Astro

On te délivre notre méthode de A à Z.
Basée sur l'expérience terrain.

+13 000

élèves formés

98 %

vont au bout de leur formation

/ CE QUE TU APPRENDS

Comprends la stack. Pilote l'IA.
2 versants d'un même métier.

Tu apprends ce que fait chaque outil, et les mots pour que Claude Code fasse exactement ce que tu lui demandes. De la maquette Figma au Studio remis au client.

/ LA STACK

Astro et Sanity

Un site qui s'affiche en un clin d'œil, que Google et les IA trouvent, et que ton client fait vivre seul, sans t'appeler pour chaque virgule. Tu vends plus cher, et tu passes au projet suivant.

  • Un rendu d'agence, fidèle à la maquette au détail près
  • Un client autonome sur ses textes, ses photos et ses prix
  • Un site rapide, bien placé sur Google et cité par les IA
  • Des outils solides, utilisés par Visa, Unilever ou Puma

/ L'IA

Faire coder Claude

Claude Code, c'est le développeur senior que tu n'as jamais pu te payer. Il écrit le code à ta place, en quelques minutes là où il te fallait des jours. Toi, tu restes le chef de projet : tu décides, il construit, tu valides.

  • Plus besoin de savoir coder pour livrer du sur mesure
  • Des jours de travail réduits à quelques heures
  • Une animation, un formulaire, une section : tu demandes, c'est fait
  • Rien ne part en ligne sans ta validation

/ LE WORKFLOW

Un workflow complet,
de la maquette au site en ligne.

Le même chemin à chaque projet client : tu décides, Claude exécute, tu vérifies.

Claude Code intègre dans Astro le hero d'un site d'hôtel haut de gamme

[ 01 ]

Construis un site haut de gamme dans Astro.

Claude lit ta maquette Figma, la découpe en composants et l'intègre au détail près. Typographies, animations, mise en page : le rendu d'une agence, sans le look générique des sites générés en un prompt.

Le Studio Sanity d'un site d'hôtel : les pages et le CMS à gauche, l'aperçu du site au centre, les champs à droite

[ 02 ]

Personnalise ton Studio sur Sanity.

Tu décides ce que ton client peut modifier, Claude crée les schémas et remplit le Studio. Un menu rangé, une aide sous chaque champ, l'aperçu du site en direct : ton client publie seul, sans jamais casser le design.

ChatGPT recommande le site d'hôtel construit pendant la formation et le cite en source

[ 03 ]

Rends ton site visible sur Google et dans les IA.

900 millions de personnes posent leurs questions à ChatGPT chaque semaine. Astro sort des pages prêtes à l'avance, que Google et les IA lisent du premier coup, et tu leur ajoutes un sitemap et un fichier llms.txt. Résultat sur le site de la formation : 100 en performance sur Lighthouse.

Claude Code suit une consigne précise, coche ses étapes dans l'ordre et vérifie le formulaire, le mobile et les clés avant de livrer

[ 04 ]

Apprends à piloter l'IA comme un Pro, même si t'es débutant.

Les mots du métier pour que Claude comprenne du premier coup, l'ordre exact qu'on suit pour nos clients, et où vérifier avant de livrer. Tu ne tournes plus en rond à corriger : tu livres un site sécurisé, sauvegardé sur GitHub et mis en ligne sur Vercel.

Le même site d'hôtel affiché sur un ordinateur et sur un iPhone, adapté à chaque écran

[ 05 ]

Adapte ton site à tous les écrans.

Plus de 6 visites sur 10 se font sur un téléphone (StatCounter, 2025). Claude adapte chaque section à tous les écrans, et tu vérifies sur ton téléphone avant de livrer.

/ LE PROGRAMME

Tout ce que tu vas apprendre,
en 9 chapitres.

9

chapitres, de la maquette Figma au site en ligne

5 000 €

la valeur du site que tu construis pendant la formation

67

notions, chacune comprise avant d'être déléguée à Claude

Slide titre du chapitre 1 : Astro et Sanity, créer un site complet

/ 01

LES BASES

Le projet, la méthode et les prérequis

Slide titre du chapitre 2 : comprendre la stack

/ 02

LES BASES

Comprendre la stack : Astro, Sanity, Vercel

Slide titre du chapitre 3 : monter l'atelier

/ 03

LES BASES

Monter l'atelier : Cursor, Claude Code et les MCP

LIVRABLE : LE PROJET EN LOCAL ET SUR GITHUB
Slide titre du chapitre 4 : lire la maquette

/ 04

LA CONSTRUCTION

Lire la maquette Figma avant de coder

LIVRABLE : LE PLAN D'INTÉGRATION
Slide titre du chapitre 5 : intégrer avec Astro

/ 05

LA CONSTRUCTION

Intégrer la maquette dans Astro

LIVRABLE : LE SITE IDENTIQUE À LA MAQUETTE
Slide titre du chapitre 6 : modéliser le contenu dans Sanity

/ 06

LA CONSTRUCTION

Modéliser le contenu dans Sanity

LIVRABLE : LE STUDIO REMPLI
Slide titre du chapitre 7 : connecter Astro et Sanity

/ 07

LA CONSTRUCTION

Connecter Astro et Sanity

LIVRABLE : LE SITE BRANCHÉ SUR SANITY
Slide titre du chapitre 8 : personnaliser le Studio

/ 08

LA CONSTRUCTION

Personnaliser le Studio pour le client

LIVRABLE : UN STUDIO PRÊT POUR LE CLIENT
Slide titre du chapitre 9 : mettre en ligne avec Vercel

/ 09

LA MISE EN LIGNE

Mettre en ligne avec Vercel

LIVRABLE : LE SITE EN LIGNE SUR SON DOMAINE
Slide titre du chapitre 1 : Astro et Sanity, créer un site complet

/ MODULE 01LES BASES

Introduction : le site final, ce qu'on va construire et comment on travaille

En quelques minutes, tu sais ce que tu vas construire, avec quels outils et selon quelle méthode. Tu vois le résultat final tourner avant d'écrire la moindre consigne à Claude.

J'en profite-30 %

Accès immédiat.

  1. 01

    Le projet

    Le site actuel d'une maison d'hôtes de luxe à Saint-Tropez : un lieu haut de gamme, un site qui ne le reflète pas. Ta mission : intégrer la nouvelle maquette dans Astro, puis la brancher sur Sanity.

  2. 02

    Ce que ça donne

    Démonstration sur un site Astro et Sanity déjà en ligne : on modifie un texte dans le Studio, on publie, le site se met à jour. C'est exactement ce que tu vas construire.

  3. 03

    Le parcours

    Les 9 chapitres en une image : Figma pour le plan, Astro pour le site, Sanity pour le contenu, Vercel pour la mise en ligne.

  4. 04

    La méthode

    Comprendre, déléguer, vérifier. Claude exécute, mais tu sais toujours pourquoi tu fais chaque action.

  5. 05

    Les prérequis

    6 comptes, dont 2 payants : Claude, et Figma avec un siège Dev ou Full. En gratuit, le MCP Figma est limité à 6 appels par mois.

Slide titre du chapitre 2 : comprendre la stack

/ MODULE 02LES BASES

Comprendre la stack : pourquoi Astro, pourquoi Sanity, et comment les deux se parlent

Tu comprends le rôle de chaque outil et tu sais expliquer à un client pourquoi on sépare le contenu de l'affichage. C'est l'argument qui vend ce type de site.

J'en profite-30 %

Accès immédiat.

  1. 01

    Le point de départ

    Un site, c'est trois choses : le design, le contenu, l'hébergement. Souvent tout est mélangé au même endroit ; ici, on les sépare.

  2. 02

    Le principe headless

    Le contenu vit dans Sanity, Astro l'affiche, Vercel le met en ligne. Comme dans un restaurant : le garde-manger, le chef, le service en salle.

  3. 03

    Astro

    Un outil qui fabrique le site en pages HTML : très rapide, bon pour le SEO, organisé en composants. Fait pour les sites de contenu, là où Next.js est fait pour les applications.

  4. 04

    Sanity

    Le Studio où le client édite, et les schémas qui décrivent son contenu. Un schéma écrit en code devient le formulaire que le client remplit. Tour du Studio de démo.

  5. 05

    Comment ils se parlent

    Astro demande le contenu à Sanity par une requête. Quand le client publie, Vercel reconstruit le site.

  6. 06

    Pourquoi ce choix

    Performance, liberté de design, et tout est du code : Claude peut tout lire et tout modifier. Et sans Claude, le client gère quand même son contenu dans le Studio.

Slide titre du chapitre 3 : monter l'atelier

/ MODULE 03LES BASES

Monter l'atelier : les comptes, Cursor, Claude Code et le fichier de contexte qui cadre l'IA

À la fin du chapitre, le projet existe, tourne sur ton ordinateur, est sauvegardé sur GitHub, et Claude connaît les règles du jeu.

LIVRABLE : LE PROJET EN LOCAL ET SUR GITHUB

J'en profite-30 %

Accès immédiat.

  1. 01

    L'atelier et ses outils

    Node.js fait tourner le site, GitHub garde chaque version, Cursor sert à voir et éditer, Claude Code agit dans le projet. Le client ne voit jamais l'atelier.

  2. 02

    Créer les comptes

    GitHub, Vercel connecté avec GitHub, puis Sanity.

  3. 03

    Les bases de Cursor

    Se repérer : les fichiers, l'éditeur, le terminal, le panneau Claude. Juste la structure, sans se perdre dans l'outil.

  4. 04

    Installer Claude Code

    L'installeur officiel, la connexion à ton compte Claude, le mode auto et les autres modes, puis un premier message.

  5. 05

    Connecter les MCP

    Un MCP, c'est une prise qui branche Claude directement sur un outil. Tu branches Figma, Sanity, Astro Docs et Vercel, et tu sais quand Claude préfère le terminal.

  6. 06

    Le fichier de contexte

    Le CLAUDE.md, c'est le livret d'accueil d'un nouveau collaborateur : la stack, la maquette, les règles du projet. Avec un journal de bord, Claude reprend le fil d'une session à l'autre.

  7. 07

    Créer le projet

    Node.js installé, connexion à Sanity, puis Claude crée le site Astro et le Studio Sanity avec les outils officiels. Tu sais à quoi sert chaque dossier.

  8. 08

    Premier lancement

    Une première page, le site lancé sur ton ordinateur, le texte qu'on change et la page qui suit. Puis le Studio Sanity en local.

  9. 09

    1re sauvegarde sur GitHub

    Commit et push expliqués comme les sauvegardes d'un jeu vidéo. Claude crée le dépôt, vérifie qu'aucun secret ne part en ligne et envoie le projet.

Slide titre du chapitre 4 : lire la maquette

/ MODULE 04LA CONSTRUCTION

Lire la maquette Figma : découper en pages, sections et composants, repérer ce qui sera éditable

Avant de coder quoi que ce soit, tu sais exactement quoi construire et ce que le client pourra modifier. C'est le cœur de la méthode : sans plan, Claude devine ; avec un découpage clair, il construit ce que tu as décidé.

LIVRABLE : LE PLAN D'INTÉGRATION

J'en profite-30 %

Accès immédiat.

  1. 01

    Pourquoi découper d'abord

    On ne coule pas le béton sans le plan de l'architecte. Le découpage, c'est ce qui rend le travail de Claude prévisible.

  2. 02

    Tour de la maquette

    Claude lit la maquette avec le MCP Figma et liste les pages et leurs sections, dans l'ordre.

  3. 03

    Pages, sections, composants

    Les 3 niveaux pour lire un site. Un composant se dessine une fois et s'imprime partout : carte chambre, bouton, en-tête.

  4. 04

    Vérifier le découpage

    Claude repère les éléments mal nommés ou en double dans Figma. Sur la maquette mal rangée d'un client, c'est ici que tu fais le ménage.

  5. 05

    Fixe ou éditable

    Pour chaque élément, une question : le client voudra-t-il le modifier ? Claude pose une annotation Figma sur chaque zone éditable, tu vérifies et tu corriges.

  6. 06

    Les styles de base

    Couleurs, typographies et espacements récupérés par le MCP Figma : ils deviendront les styles du site.

  7. 07

    Le plan d'intégration

    Un document récapitulatif : pages, composants, champs éditables, styles et décisions. Il guide les chapitres 5 à 7, et il sert de base à ton devis.

Slide titre du chapitre 5 : intégrer avec Astro

/ MODULE 05LA CONSTRUCTION

Intégrer la maquette dans Astro : construire les pages avec du contenu en dur

Le site est visuellement identique à la maquette, avec un contenu écrit directement dans le code. Un problème à la fois : d'abord un visuel juste, ensuite la connexion à Sanity.

LIVRABLE : LE SITE IDENTIQUE À LA MAQUETTE

J'en profite-30 %

Accès immédiat.

  1. 01

    L'anatomie d'un projet Astro

    Pages (un fichier, une adresse), composants (les briques réutilisables), layouts (le gabarit commun).

  2. 02

    Lire un fichier .astro

    Deux zones : en haut on prépare les données, en bas le HTML que le visiteur voit. Tu sais relire ce que Claude écrit.

  3. 03

    Les styles globaux

    Claude transforme les styles de la maquette en variables utilisées partout : le nuancier officiel du site.

  4. 04

    Le layout

    En-tête, pied de page et polices construits une fois, présents sur toutes les pages.

  5. 05

    Les composants

    Claude construit les composants depuis le plan et le MCP Figma. Tu compares chacun à la maquette.

  6. 06

    Assembler les pages

    L'accueil section par section pour comprendre, puis les autres pages d'un coup pour aller vite. Si quelque chose casse, retour au pas à pas.

  7. 07

    Les interactions

    Zéro JavaScript par défaut : un petit script seulement pour les filtres, le menu et le carrousel. Le reste est du HTML pur, et le site reste rapide.

  8. 08

    Vérifier et corriger

    Comparaison avec la maquette et test sur mobile. Une correction se demande avec une capture et une zone précise.

  9. 09

    Sauvegarder sur GitHub

    Un point de sauvegarde avant de brancher Sanity.

Slide titre du chapitre 6 : modéliser le contenu dans Sanity

/ MODULE 06LA CONSTRUCTION

Modéliser le contenu dans Sanity : créer les schémas et remplir le Studio

Le Studio contient tous les contenus éditables du site, organisés pour que le client s'y retrouve seul.

LIVRABLE : LE STUDIO REMPLI

J'en profite-30 %

Accès immédiat.

  1. 01

    Comment Sanity organise le contenu

    Des documents (une chambre, une page) faits de champs (nom, prix, photos), comme une fiche avec ses cases à remplir.

  2. 02

    Document unique ou liste

    La page d'accueil existe une seule fois, les chambres sont une liste. Les éléments présents sur toutes les pages se modifient à un seul endroit.

  3. 03

    Lire un schéma

    Le modèle vierge de la fiche que le client remplira : le nom pour le code, le libellé que le client lit, le type de case.

  4. 04

    Créer les schémas

    À partir des champs éditables du plan : les listes (chambres, expériences, lieux), les pages uniques, et le menu, le pied de page et le bandeau de réservation.

  5. 05

    Remplir le contenu

    Tu saisis une chambre à la main pour vivre l'expérience du client, puis Claude remplit tout le reste, photos comprises, en brouillon. Tu publies toi-même.

Slide titre du chapitre 7 : connecter Astro et Sanity

/ MODULE 07LA CONSTRUCTION

Connecter Astro et Sanity : remplacer le contenu en dur par le contenu du Studio

Plus aucun contenu n'est écrit en dur. Tout ce qui s'affiche sur le site vient du Studio.

LIVRABLE : LE SITE BRANCHÉ SUR SANITY

J'en profite-30 %

Accès immédiat.

  1. 01

    Le principe de la requête

    Astro passe commande à Sanity : ce qu'il veut, et rien de plus. Tu apprends à lire une requête, pas à l'écrire.

  2. 02

    Installer la connexion

    Le fichier .env, le coffre-fort des réglages qui ne part jamais sur GitHub, puis la connexion du site au Studio, en vérifiant la compatibilité avant d'installer.

  3. 03

    Une première section connectée

    Le haut de l'accueil branché sur Sanity : tu modifies le titre dans le Studio, tu publies, le site change.

  4. 04

    Les pages de chambres

    Une seule page modèle crée une page par chambre. Le client ajoute une chambre, sa page apparaît. Un blog marche exactement pareil.

  5. 05

    Les images

    Les photos viennent de Sanity, déjà optimisées, avec leur texte alternatif.

  6. 06

    Tout connecter

    Section par section, jusqu'à la dernière, les filtres compris.

  7. 07

    Vérifier

    Claude liste ce qui reste écrit en dur, puis une modification de bout en bout : Studio, publication, site.

Slide titre du chapitre 8 : personnaliser le Studio

/ MODULE 08LA CONSTRUCTION

Personnaliser le Studio : ranger le menu, guider la saisie, voir le site pendant qu'on écrit

Le site se construit en quelques semaines, le client vivra des années dans le Studio. À la fin du chapitre, il est rangé, il guide la saisie et montre le site pendant qu'on écrit.

LIVRABLE : UN STUDIO PRÊT POUR LE CLIENT

J'en profite-30 %

Accès immédiat.

  1. 01

    Le Studio est un produit

    Trois leviers : ranger, guider, voir. Un Studio soigné se voit dès la démo client.

  2. 02

    Ranger le Studio

    Un menu clair, en français, avec une icône par entrée. Les pages uniques ne se dupliquent pas et ne se suppriment pas.

  3. 03

    Guider la saisie

    Des onglets par section, une aide sous chaque champ, des limites qui protègent le design. Un titre trop long ? Le Studio refuse et dit pourquoi.

  4. 04

    L'aperçu

    Le site s'affiche dans le Studio : un clic sur un texte ouvre son champ, la page suit pendant qu'on tape, rien n'est publié avant le clic sur Publier.

  5. 05

    Le plan du site

    Un panneau à gauche de l'aperçu pour passer d'une page à l'autre.

  6. 06

    Tout ce qu'on peut personnaliser

    Le catalogue des 26 possibilités en 4 familles, et l'exemple le plus visible : le Studio aux couleurs de la marque.

  7. 07

    Jusqu'où aller

    Les options classées par effort et par utilité : publication programmée, SEO par page, bilingue, page builder. Une option bien choisie se facture.

Slide titre du chapitre 9 : mettre en ligne avec Vercel

/ MODULE 09LA MISE EN LIGNE

Mettre en ligne : déployer sur Vercel et republier automatiquement quand le contenu change

Le site est en ligne sur son nom de domaine, il se met à jour tout seul quand le client publie, et le client a son Studio en ligne, avec l'aperçu.

LIVRABLE : LE SITE EN LIGNE SUR SON DOMAINE

J'en profite-30 %

Accès immédiat.

  1. 01

    Le chemin de mise en ligne

    Le code part sur GitHub, Vercel construit le site. Toutes les pages sont imprimées à l'avance, le visiteur n'attend pas.

  2. 02

    Relier le projet à Vercel

    Le projet importé depuis GitHub, par Claude ou à la main.

  3. 03

    Les variables d'environnement

    Un double des réglages du .env confié à Vercel. Le site public n'a besoin d'aucune clé secrète.

  4. 04

    Premier déploiement

    Le site en ligne sur une adresse Vercel, surveillé par le MCP Vercel.

  5. 05

    Republier quand le contenu change

    À chaque publication, Sanity prévient Vercel, qui reconstruit le site en une minute environ.

  6. 06

    Un code, deux sites

    Le site public pour les visiteurs, le site de démo pour l'aperçu du Studio. Un seul réglage décide du rôle de chacun.

  7. 07

    Créer le site de démo

    Un 2e projet Vercel avec le même code, qui montre les brouillons, et la clé de lecture qui ne passe jamais par la conversation.

  8. 08

    Mettre le Studio en ligne

    Le client ouvre son Studio depuis une simple adresse web, avec l'aperçu du site.

  9. 09

    Donner l'accès au client

    Une invitation avec le rôle Éditeur : il modifie et publie, sans toucher aux réglages. Claude rédige le message d'invitation.

  10. 10

    Qui déploie quoi

    Le code, le contenu, la structure : 3 chemins selon ce qu'on modifie, à expliquer simplement au client.

  11. 11

    Le nom de domaine

    Le vrai domaine du site relié à Vercel, avec les réglages à faire chez le fournisseur.

  12. 12

    Tester de bout en bout

    Un texte modifié dans le Studio en ligne : l'aperçu suit, on publie, le site public change.

/ CE QUE TU POURRAS FACTURER

Un site vitrine premium en quelques jours.
Un client autonome sur son contenu.

Un site comme tous les autres se vend quelques centaines d'euros. Un site sur mesure, qui a l'air fait par une agence, se vend 5 000 € et plus. Voici 4 types de sites à construire avec cette stack, et ce qu'ils se facturent.

takeboost.frVoir le siteLanding page Boost construite avec Astro et Sanity

Une page qui vend, livrée dans la journée.

Le lancement d'un produit ou d'une formation, avec ses textes modifiables dans Sanity.

/ DURÉE
1 jour
/ PRIX FACTURÉ
1 500 à 3 000 €
/ OUTILS
FigmaAstroClaude

Durées et prix constatés sur les projets de l'agence Coriace, à titre indicatif : ils varient selon le périmètre, le contenu fourni et le client.

/ PROFILS

À qui s'adresse la formation ?
Du grand débutant au webdesigner confirmé.

Une freelance travaille sur son ordinateur portable, en fin de journée

/freelance en devenir

Tu te lances
en freelance.

Tu livres seul des sites premium, plus vite, et tu les vends plus cher.

Un webdesigner concentré devant son écran, en espace de coworking

/webdesigner boosté

Tu vises
un meilleur poste.

Tu fais la maquette et le site. En agence, ça se négocie.

Un entrepreneur travaille sur son projet dans un espace partagé

/entrepreneur ambitieux

Tu lances
ton business.

Un site haut de gamme que tu modifies seul dans Sanity, sans prestataire.

/ ASSISTANCE INCLUSE

Tu avances en autonomie,
en étant accompagné.

Incluse dans la formation : tu poses ta question sur ton projet perso ou pro, nos experts te débloquent, souvent avec un tutoriel vidéo enregistré pour ton cas.

Un expert Coriace enregistre un tutoriel vidéo

Un tuto vidéo enregistré pour ton cas

Nos experts filment la solution, pas une réponse générique.

Assistance sur tes projets perso ou pro

Tu poses ta question sur ton vrai projet, une équipe dédiée répond.

La communauté Discord en renfort

Des centaines d'élèves et l'équipe au quotidien, jamais bloqué dans ton coin.

/ TON FORMATEUR

Qui est ton formateur ?

Aurélien Gallier, co-fondateur de Coriace Académie et de Coriace Agence, formateur de Sanity × Astro

Aurélien Gallier

Expert Sanity×Astroet co-fondateur de Académie

Plus qu'apprendre à concevoir des sites, on apprend à nos élèves à dompter l'IA pour produire mieux et plus vite.

Je forme depuis 5 ans avec Coriace Académie, j'anime notre chaîne YouTube et je livre des sites clients toute l'année avec Coriace Agence. Plus de 13 000 élèves ont déjà appris avec moi.

+13 000

élèves formés en 5 ans

6 ans

à livrer des sites pour de vrais clients

4

outils au quotidien : Webflow, Framer, Figma et Claude

On forme depuis 5 ans sur YouTube

Miniature de la vidéo : Créer un skill Claude facilementCréer un skill Claude facilement
Miniature de la vidéo : Maîtriser les skills pour un site sur Claude IAMaîtriser les skills pour un site sur Claude IA
Miniature de la vidéo : Économiser sa limite d'utilisation sur Claude IAÉconomiser sa limite d'utilisation sur Claude IA
Miniature de la vidéo : Les bases de Figma, tout pour bien démarrerLes bases de Figma, tout pour bien démarrer
Miniature de la vidéo : Faire une maquette de site web dans FigmaFaire une maquette de site web dans Figma
Miniature de la vidéo : Créer la maquette d'une application mobileCréer la maquette d'une application mobile
Miniature de la vidéo : Apprendre Framer en 30 minutesApprendre Framer en 30 minutes
Miniature de la vidéo : Créer un site pro et animé, sans coderCréer un site pro et animé, sans coder
Miniature de la vidéo : Les bases de Webflow pour débutantsLes bases de Webflow pour débutants
Miniature de la vidéo : Faire une maquette avec l'IA de RelumeFaire une maquette avec l'IA de Relume
Miniature de la vidéo : Figma Sites : le guide pour faire un site webFigma Sites : le guide pour faire un site web
Miniature de la vidéo : Modifier un template gratuit WebflowModifier un template gratuit Webflow

/ CE QU'EN DISENT LES ÉLÈVES

Ils se sont lancés.
À ton tour.

4,9/5 sur 86 avis

★★★★★

Un coach visio super clair, beaucoup de valeur pour un prix très raisonnable. J'ai testé l'assistance : réponse en moins de 48 h avec une vidéo explicative.

Stéphane Hincourt-Thomassin

Avis vérifié

★★★★★

Incomparable avec le marché FR. Le top du top si tu veux exceller en design, et surtout en création sur Webflow. Tout y est, n'hésite pas !

Yacine El Kanfoudi

Avis vérifié

★★★★★

Une formation très accessible, même au néophyte. On apprend à son rythme. Tout y est traité avec pédagogie et humour.

David Cordier

Avis vérifié

★★★★★

Très bien structurée, facile à suivre et de très bonne qualité. Je la recommande à tous ceux qui cherchent à apprendre le no-code.

Maya Farah Bouguera

Avis vérifié

★★★★★

Un coach visio super clair, beaucoup de valeur pour un prix très raisonnable. J'ai testé l'assistance : réponse en moins de 48 h avec une vidéo explicative.

Stéphane Hincourt-Thomassin

Avis vérifié

★★★★★

Incomparable avec le marché FR. Le top du top si tu veux exceller en design, et surtout en création sur Webflow. Tout y est, n'hésite pas !

Yacine El Kanfoudi

Avis vérifié

★★★★★

Une formation très accessible, même au néophyte. On apprend à son rythme. Tout y est traité avec pédagogie et humour.

David Cordier

Avis vérifié

★★★★★

Très bien structurée, facile à suivre et de très bonne qualité. Je la recommande à tous ceux qui cherchent à apprendre le no-code.

Maya Farah Bouguera

Avis vérifié

★★★★★

Je me suis inscrit pour devenir développeur Webflow. Il y a du travail à fournir mais les formateurs sont excellents. La meilleure formation francophone sur cet outil.

Medhi D

Avis vérifié

★★★★★

Coriace ne vend pas une méthode mais un résultat. Des formations professionnelles, on ressent l'expertise. Regardez, comprenez, pratiquez.

Dolores Ruiz

Avis vérifié

★★★★★

Incomparable avec le marché FR. Le top du top si tu veux exceller en design, et surtout en création sur Webflow. Tout y est, n'hésite pas !

Yacine El Kanfoudi

Avis vérifié

★★★★★

Une formation très accessible, même au néophyte. On apprend à son rythme. Tout y est traité avec pédagogie et humour.

David Cordier

Avis vérifié

★★★★★

Je me suis inscrit pour devenir développeur Webflow. Il y a du travail à fournir mais les formateurs sont excellents. La meilleure formation francophone sur cet outil.

Medhi D

Avis vérifié

★★★★★

Coriace ne vend pas une méthode mais un résultat. Des formations professionnelles, on ressent l'expertise. Regardez, comprenez, pratiquez.

Dolores Ruiz

Avis vérifié

★★★★★

Incomparable avec le marché FR. Le top du top si tu veux exceller en design, et surtout en création sur Webflow. Tout y est, n'hésite pas !

Yacine El Kanfoudi

Avis vérifié

★★★★★

Une formation très accessible, même au néophyte. On apprend à son rythme. Tout y est traité avec pédagogie et humour.

David Cordier

Avis vérifié

Voir tous les avis

/ REJOINDRE LA FORMATION

Maîtrise Sanity et Astro,
une seule formation, tout compris.

Prix de prévente jusqu'au 6 novembre au lieu de 499 €, paiement en plusieurs fois.

PRÉVENTE -30 %

SanityAstro

Crée avec l'IA des sites haut de gamme, rapides et bien référencés, que tes clients gèrent seuls. Des sites d'une valeur de 5 000 € et plus.

/ LE CONTENU DE LA FORMATION

  • Formation Sanity × Astro à vie
  • 9 chapitres, de Figma à la mise en ligne
  • Les consignes de chaque étape, prêtes à copier
  • Le modèle de CLAUDE.md et son journal de bord
  • Ressources exclusives
  • Assistance sur tes projets perso ou pro
  • Accès au Discord

CHAPITRES

9, de Figma au site en ligne

PROJET

1 site complet sur Sanity

ASSISTANCE

Incluse, tutos vidéo

Aperçu de la formation Sanity × Astro

ACCÈS À VIE

/ TON ACCÈS

499 €349 €

En une fois, au lieu de 499 €

FIN DE LA PRÉVENTE DANS

--JOURS
--HEURES
--MIN
--SEC
J'en profite-30 %Parler à un conseiller
Accès à la sortiePaiement sécurisé Stripe

/ FAQ

Tes questions.
Avant de te lancer.

Une autre question ? L'équipe répond sur le Discord Coriace.

Faut-il savoir coder pour suivre la formation Sanity × Astro ?

Non. Claude Code écrit le code, et chaque chapitre commence par expliquer le concept en quelques minutes, dans l'outil, avant de déléguer. Tu apprends à lire ce que Claude produit et à dire si c'est juste. Et surtout, tu apprends à lui parler : les mots du métier qui font qu'il construit ce que tu as en tête, du premier coup.

Comment fonctionne la prévente ?

Jusqu'au 6 novembre, la formation est à 349 € au lieu de 499 €, soit 30 % de moins. Tu réserves ta place maintenant au prix de prévente, et ton accès ouvre à la sortie de la formation. Après le 6 novembre, elle repasse à 499 €.

Quand la formation sort-elle ?

Elle sort le 6 novembre 2026, à la fin de la prévente. Tu reçois un e-mail dès que ton accès est ouvert, et tu suis les 9 chapitres à ton rythme.

Et si je n'ai pas le temps ?

15 jours, c'est le chemin le plus court, pas une obligation. Une étape le soir, une autre le week-end : c'est le même chemin, avec des pauses. Tout passe par la pratique, tu construis ton site pendant que tu apprends, et tu reprends toujours là où tu t'es arrêté.

Et si je bloque ?

Tu n'es jamais seul : l'assistance est incluse. Tu poses ta question sur ton site ou sur celui d'un client, et l'équipe Coriace t'aide à avancer jusqu'à la livraison. Comme un moniteur assis à côté de toi pendant tes premières heures de conduite.

Pourquoi Astro et Sanity plutôt que Webflow ou Framer ?

Les deux chemins se complètent. Webflow et Framer te donnent un éditeur visuel ; Astro et Sanity te donnent un site 100 % code, que Claude peut lire et modifier en entier, très rapide, avec un Studio où le client gère son contenu seul. C'est la stack des sites de contenu sur mesure : coriace.co tourne lui-même sur Astro. Et ce sont des outils solides : Astro a rejoint Cloudflare en 2026, Sanity a levé 85 millions de dollars en 2025.

Prêt à livrer ton premier site
premium 100 % IA ?

De la maquette Figma au site en ligne : Claude code, tu décides, ton client gère son contenu seul. Accès à vie.

J'en profite-30 %Parler à un conseiller
Payable en 3 foisAccès à vie
-30 %--j--h--min--sJ'en profite