Étude de cas de formation ICV : Astro + Sanity pour 4 905 documents de formation

Ce projet se distingue non seulement par sa conception, mais aussi par le fait que la portée des données était déjà vaste dès le premier jour.

Le client est PT Indonesia Core Values (ICV), une société fondée en 1926 qui fournit des services de formation et de conseil pour aider les organisations à améliorer les capacités de leurs équipes et leur efficacité globale. Il ne s’agissait donc pas d’inventer une nouvelle identité commerciale à partir de rien. Il s’agissait de moderniser leur présence numérique avec une base capable de répondre beaucoup plus sérieusement aux besoins actuels.

Il y avait aussi une couche personnelle dans ce projet : j’ai obtenu ce client grâce à une référence. Le fondateur d’ICV est Dr. Jeff, fondateur et PDG, avec 30 ans d’expérience en tant que consultant en gestion, formateur, conférencier et chercheur. Ce contexte a très vite fait comprendre une chose : ce site Web ne pouvait pas sembler improvisé. La crédibilité de l’entreprise était déjà là, le site Web devait donc être tout aussi crédible.

À ce stade, le véritable défi n’était plus « comment créer un site Web attrayant ? » mais comment créer un système de site Web qui convient à un volume de contenu important, qui reste léger et évite les frais techniques inutiles.

Le résultat en direct peut être vu directement sur ICVTraining.com, donc cette étude de cas pointe vers un véritable site Web de production, et non vers un concept interne.

Bref résumé et points à retenir

Si votre entreprise dispose dès le départ d’un catalogue volumineux, de relations de données structurées ou d’un volume de contenu élevé, discutons-en d’abord via une consultation gratuite afin que la pile ne devienne pas un fardeau quelques mois plus tard.

Le point de départ : un nouveau site Web pour un contenu très large

ICV n’avait pas besoin d’un simple site Web avec quelques pages statiques. Dès le début, la portée du contenu était déjà importante :

• environ 441 thèmes de formation,
• environ 4 430 lots programmés,
• et 16 sous-domaines qui formaient la structure du catalogue de formation.

Une fois que vous combinez les relations entre les sujets, les calendriers et les données de support, le total devient 4 905 documents qui ont dû être modélisés et publiés via le CMS.

À ce stade, je pensais qu’une approche manuelle était clairement irréaliste. Télécharger des milliers d’éléments un par un en espérant que tout reste cohérent créerait un frein opérationnel dès le premier jour.

La matière première envoyée par le client a également montré très tôt cette complexité. Ce n’était pas une feuille de calcul soignée. Il s’agissait d’une collection de documents et de structures thématiques réparties dans plusieurs sous-domaines.

Il y avait aussi quelques contraintes pratiques :

• le client ne disposait pas d’équipe informatique interne,
• le client prévoyait de confier le développement, la maintenance et la gestion technique du site Web à Harun Studio,
• et le site Web devait devenir rapidement un véritable atout marketing et opérationnel, et non un projet d’installation à long terme.

C’est pourquoi je ne voulais pas construire quelque chose qui n’aurait l’air « fait » qu’en surface tout en restant fragile en coulisses.

Pourquoi je n’ai pas choisi WordPress pour ce cas

Je connais encore très bien WordPress, et pour de nombreux projets cela reste un choix raisonnable. Mais pour ICV, je ne pensais pas que ce soit la meilleure solution.

Ce n’est pas parce que WordPress est mauvais. Au contraire, WordPress est toujours très pertinent pour de nombreux sites Web d’entreprises. Mais dans ce cas, plusieurs problèmes le rendaient moins idéal :

1. Le volume de contenu était trop important pour un flux de travail manuel typique Une fois que vous traitez des centaines de sujets, des milliers de lots et une structure relationnelle croissante, le modèle classique « créer un article et remplir les champs un par un » devient inefficace.

2. La charge de maintenance augmenterait avec la pile Si j’avais choisi WordPress, une maintenance de routine serait quand même nécessaire. Au minimum, cela signifie généralement des mises à jour, des sauvegardes et des vérifications de compatibilité du noyau, des plugins et des thèmes plusieurs fois par mois.

3. Le client n’avait pas besoin de la complexité de l’écosystème du plugin Ce dont ICV avait besoin, ce n’était pas d’accéder à des milliers de plugins. Il lui fallait un système propre pour les sujets de formation, les lots, les conférenciers, les horaires et les relations entre les catégories.

4. Je voulais que le processus d’ingestion de données fonctionne naturellement avec l’IA Dans ce projet, l’IA n’était pas un accessoire. Cela a été un véritable accélérateur. Cela signifiait choisir une pile qui fonctionne naturellement avec la modélisation de schémas, le mappage de données, la normalisation et la publication en masse assistés par l’IA.

Si nous avions choisi WordPress, la maintenance mensuelle par Harun Studio aurait quand même été une option viable. Mais dans ce cas, j’ai préféré une pile qui nécessite dès le départ une maintenance structurellement faible, plutôt qu’une pile qui exigerait plus de maintenance de routine par défaut.

Du côté WordPress de la discussion, plusieurs articles de Harun Studio sont toujours d’actualité ici :

• WordPress vs Astro pour le développement de sites Web d’entreprise
• Migration de Harun Studio de WordPress vers Astro
• 5 principes fondamentaux des sites WordPress durables
• Pourquoi la maintenance du site Web est importante
• Guide de maintenance du site

Le fait n’est pas que WordPress se trompe automatiquement. Le fait est qu’un projet comme celui-ci devient beaucoup plus confortable lorsque la charge de maintenance est réduite dès le début au niveau structurel.

Pourquoi Astro + Sanity + Cloudflare Workers était la meilleure solution

Pour ce projet, j’avais besoin d’une pile qui soit :

• rapide à développer,
• léger à courir,
• facile à intégrer aux workflows d’IA,
• à l’aise pour les données relationnelles,
• et pas inutilement lourd à entretenir.

C’est pourquoi j’ai choisi Astro 6, Sanity CMS et Cloudflare Workers.

Modèle opérationnel : léger à exécuter

L’un des éléments les plus convaincants de cette pile est la légèreté du modèle opérationnel.

Avec la configuration utilisée pour ICV :

• hébergement frontend sur Cloudflare Workers
• CMS de santé mentale
• aucune dépendance au thème premium
• aucune dépendance à un plugin premium comme l’exigent éventuellement de nombreux projets WordPress

Cela simplifie la configuration continue de la plate-forme et réduit les dépendances en matière de renouvellement et d’infrastructure.

Pour moi, ce n’est pas seulement une histoire de plateforme. C’est aussi une histoire opérationnelle. Le client n’a pas besoin de penser au renouvellement des licences de thèmes ou des abonnements aux plugins juste pour maintenir le site en ligne.

Pourquoi Astro ?

J’ai déjà écrit à plusieurs reprises pourquoi Astro est devenu un choix privilégié chez Harun Studio. Pour ICV, les raisons sont devenues encore plus fortes :

1. Astro s’adapte extrêmement bien aux sites Web riches en contenu ICV n’est pas un produit de tableau de bord où chaque page est hautement interactive. La majeure partie du travail ici consiste à présenter les sujets de formation, les horaires et les informations d’inscription aussi efficacement que possible.

2. La sortie frontend reste simple et rapide Pour un vaste catalogue de formations, la rapidité compte. Les pages de sujets, les pages de formation et les calendriers annuels doivent tous rester réactifs même avec de nombreuses données structurées derrière eux.

3. L’architecture est naturellement solide pour le référencement Les pages de sujets et les pages de formation bénéficient d’une sortie HTML claire, de performances de page élevées et d’une exploration facile.

4. Le développement assisté par l’IA semble beaucoup plus naturel Avec une pile moderne comme Astro, le développement devient plus rapide, moins cher et plus gérable pour un opérateur solo travaillant avec une forte assistance par l’IA.

5. Astro et Sanity s’accordent déjà bien Le chemin d’intégration est suffisamment mature pour que la connexion du CMS et du frontend semble simple plutôt que fragile.

6. Il n’y a pas de charge d’exécution PHP traditionnelle Je n’ai pas besoin de continuer à penser aux conflits de plugins, aux mises à jour de thèmes ou à la maintenance de routine de l’ère PHP juste pour garder le site en bonne santé.

7. Astro maintient la structure de routage prévisible Pour un site Web comportant des centaines de pages de formation et de nombreuses relations de contenu, je souhaitais une structure frontale modulaire qui reste facile à itérer.

8. Le profil des coûts à long terme est logique Pour une petite équipe sans service informatique interne, les économies ne concernent pas seulement les coûts d’hébergement. Ils sont également une question de temps et de réduction des frais techniques.

Pourquoi la raison ?

La santé mentale a été la décision la plus importante de CMS dans ce projet.

Ce dont j’avais besoin n’était pas seulement un système pour rédiger des articles. J’avais besoin d’un système d’exploitation de contenu à l’aise avec les données structurées à grande échelle.

Les principales raisons pour lesquelles j’ai choisi Sanity :

1. Le modèle de données relationnelles est bien mieux adapté Les sous-champs, sujets, lots, conférenciers, calendriers et flux d’inscription ont beaucoup plus de sens en tant que documents connectés que comme entrées de publication ordinaires.

2. L’importation en masse et l’ingestion assistée par l’IA sont bien plus réalistes Le client n’avait qu’à fournir les documents sources. De mon côté, le pipeline de cartographie, de normalisation et de publication pourrait être construit systématiquement avec le support de l’IA.

3. Sanity Studio est hébergé gratuitement par Sanity Cela a supprimé beaucoup de complexité d’infrastructure inutile pour le côté administrateur.

4. Le forfait gratuit était déjà plus que suffisant pour les premiers stades Pour ce projet, l’offre gratuite était déjà très pratique :

   • 10 000 documents gratuits,
   • 100 Go de stockage gratuit,
   • 100 Go de bande passante gratuite par mois,
   • 250 000 requêtes API gratuites par mois,
   • 2 jeux de données gratuits,
   • et une prise en charge gratuite pour jusqu’à 20 postes d’utilisateurs avec des rôles différents.

5. L’expérience de l’éditeur peut toujours être fluide pour les flux de travail non techniques Même si le modèle de données est complexe en coulisse, l’interface de Sanity Studio peut rester gérable pour les opérations de contenu quotidiennes.

J’ai également aimé le profil des coûts opérationnels ici. Le CMS pouvait rester actif sans frais récurrents supplémentaires au début, de sorte que le client n’avait pas besoin de payer des frais de licence CMS annuels simplement pour faire fonctionner le site Web.

Pourquoi Cloudflare Workers ?

Cloudflare Workers a complété la pile en termes de livraison, d’exécution et de flexibilité à long terme.

S’il s’agissait d’un site Web statique très simple, Cloudflare Pages aurait également pu constituer une option raisonnable. Mais pour ICV, j’ai intentionnellement choisi Workers parce que je souhaitais dès le départ un déploiement frontal, une logique d’exécution et un espace pour les intégrations futures sous un seul modèle de déploiement.

Concrètement, cela m’a apporté plusieurs avantages :

1. Le frontend reste léger, mais la base d’exécution reste flexible Le site Web est aujourd’hui principalement axé sur le contenu. Mais s’il a besoin ultérieurement de points de terminaison légers, de transformations de requêtes, d’un comportement de routage spécial ou de liaisons supplémentaires, la base est déjà là.

2. La couche de livraison reste moderne sans serveur traditionnel Je n’ai pas besoin d’un VPS, d’un panneau d’hébergement ou d’une autre couche serveur nécessitant une attention continue juste pour maintenir le site en ligne et extensible.

3. Les opérations restent plus propres sous un seul chemin de déploiement Cela est important pour un projet géré par un fournisseur comme ICV. Moins de pièces mobiles signifie une gestion plus facile à long terme.

4. Cela correspond à la philosophie globale du projet Le client se concentre sur les opérations de marketing et de formation. Je me concentre sur le maintien de la base technique stable, rapide et à faible friction.

Tout aussi important, l’hébergement du frontend sur Cloudflare Workers maintient la configuration de la plateforme légère, de sorte que cette flexibilité n’ajoute pas de surcharge opérationnelle inutile.

Le flux de travail de l’IA : Cursor, Codex, Google Drive MCP et opérations upsert dans Sanity

C’était la véritable couche d’accélération du projet.

L’un des principes les plus importants de ce projet était que rien n’était codé en dur. Le client a envoyé environ 441 programmes provenant de 16 sous-domaines et j’ai construit la structure comme un système connecté. Cela signifiait que les sujets de formation, les lots, les conférenciers, les calendriers annuels et les pages de formation pouvaient tous être gérés de manière dynamique au lieu d’être créés un par un dans le code.

Le flux de travail n’était pas basé sur la copie manuelle des documents dans le CMS. J’ai utilisé Cursor AI et Codex dans des rôles alternés, intégrés à Google Drive MCP où les documents sources étaient stockés. Cela a permis à l’IA de lire directement les fichiers sources, de générer du JSON structuré, puis d’insérer ces enregistrements dans Sanity selon le schéma que j’avais déjà conçu.

Le flux ressemblait à peu près à ceci :

1. Le client a téléchargé les documents sources sur Google Drive.
2. AI lit ces documents directement à partir de là.
3. Le contenu a été normalisé dans des structures JSON cohérentes.
4. Ce JSON a été inséré dans Sanity selon le schéma.
5. L’interface Astro a automatiquement consommé la structure de données propre.

Structurellement, le modèle couvrait des éléments tels que les sous-domaines, les sujets de formation, les lots de formation, les conférenciers et le contenu lié à l’inscription. L’IA n’aidait donc pas seulement à « remplir un CMS ». Cela aidait à cartographier les relations entre les documents afin que le système résultant puisse réellement fonctionner proprement.

La partie la plus longue était la normalisation et la validation, par exemple :

• aligner les titres, slugs et conventions de dénomination des documents sources qui n’étaient pas toujours cohérents,
• mapper les sous-champs aux sujets, puis les sujets aux lots,
• nettoyer les formats de dates, les méthodes de formation et autres domaines importants,
• et en s’assurant que les champs obligatoires étaient remplis avant l’étape d’insertion.

Les erreurs les plus réalistes dans ce type de flux de travail ne sont pas des moments dramatiques où l’IA a complètement échoué. Il s’agit de problèmes opérationnels tels que des slugs en double, des références entre des documents qui ne sont pas correctement liées ou des données par lots qui arrivent dans des formats incohérents. C’est pourquoi j’ai traité l’IA comme un accélérateur et non comme un pilote automatique.

Cela prenait encore du temps réel. Ce n’était pas de la magie instantanée. Il restait encore 441 thèmes de formation à publier et à vérifier leur cohérence. Mais la différence était substantielle. Si tout avait été téléchargé manuellement, le travail de publication à lui seul aurait facilement pu prendre plus d’une à deux semaines. Avec le flux de travail assisté par l’IA, cette partie pourrait être compressée en moins d’une semaine.

Pages dynamiques de sujets, de formations et de calendrier

Côté frontend, j’ai construit la structure pour répondre aux besoins fondamentaux d’ICV.

Pages de sujets

Les pages thématiques servent de point d’entrée clé dans le catalogue complet de formation.

Pages de formation

Chaque sujet de formation dispose d’une page de destination dédiée, structurée à la fois pour le référencement et la conversion.

Programme annuel

Avec autant de lots, le calendrier annuel devient une couche essentielle pour aider les utilisateurs à comprendre la disponibilité sans parcourir trop de pages.

La recherche et l’enregistrement ont également été intégrés au système

Le catalogue étant volumineux, la recherche n’est pas une option intéressante. C’est une exigence fondamentale.

J’ai également créé un flux d’inscription afin que les utilisateurs puissent passer clairement de la découverte du sujet à l’action.

Recherche

Formulaire d’inscription à la formation

Le résultat le plus important : le client ne supporte pas de charge technique inutile

Pour moi, le meilleur résultat de ce projet n’est pas seulement la mise en ligne du site Web.

Les résultats les plus importants sont :

1. ICV dispose désormais d’une fondation prête à grandir Ce n’est pas seulement un nouveau site Web. Il s’agit d’un système de contenu conçu pour gérer une échelle significative.

2. La structure de base peut être gérée via Sanity Studio Les sujets, lots, intervenants et contenus annexes n’ont pas besoin d’être codés en dur.

3. Le client n’a pas à se soucier de la maintenance de routine de style WordPress Cela est encore plus important lorsqu’il n’y a pas d’équipe informatique interne.

4. L’équipe ICV peut se concentrer sur les opérations de marketing et de formation Leur temps est mieux consacré à la vente, à la planification et à l’amélioration des programmes de formation, tandis qu’Harun Studio peut continuer à gérer le développement et la maintenance avec une charge technique allégée.

5. Le projet a été livré rapidement pour une portée aussi grande Compte tenu de la quantité de données impliquées, terminer cette opération en 17 jours ouvrables a été rapide.

Résultats de performances

J’ai également vérifié les performances pour m’assurer que ce site Web était non seulement riche en données, mais aussi techniquement sain.

Insights PageSpeed sur ordinateur

Scores de bureau :

• Performances : 100
• Accessibilité : 94
• Meilleures pratiques : 100
• Référencement : 100

Insights PageSpeed sur mobile

Partitions mobiles :

• Performances : 93
• Accessibilité : 93
• Meilleures pratiques : 100
• Référencement : 100

Pour un site Web proposant un large catalogue de formations, des données relationnelles et de nombreuses pages dynamiques, ces résultats sont déjà très sains. Mon objectif n’a jamais été de rechercher des numéros Lighthouse vides. L’objectif était de maintenir le site rapide, léger et fiable, tant pour les utilisateurs que pour les opérations en cours.

Témoignage du Dr Jeff, fondateur et PDG d’ICV Training

Le 27 mars 2026, moi, le Dr Jeff, depuis la tour SCBD de la Bourse d’Indonésie à Jakarta Sud, ai rencontré Randi, propriétaire de HARUN STUDIO, pour discuter des contenus liés à la création du site ICVTRAINING.COM. Le site a été officiellement terminé le 20 avril 2026.

Mon avis sur les performances de HARUN STUDIO :

• Interface responsive et adaptée aux mobiles
• Navigation intuitive et claire
• Temps de chargement rapide
• Visuels attrayants et cohérents
• Contenu bien organisé
• Sécurité et fiabilité assurées.

Dr. Jeff Fondateur et PDG d’ICV Training

Notes techniques qui ne s’affichent pas immédiatement en surface

Il y a quelques éléments qui méritent d’être soulignés dans ce projet, précisément parce qu’ils ne sont pas évidents à partir de la seule interface utilisateur terminée.

1. Les données sources ne sont presque jamais prêtes à être publiées telles quelles Une grande partie du temps est consacrée à la normalisation de la structure et à la validation des relations, et pas seulement à la construction du frontend.

2. L’IA accélère l’ingestion, mais le contrôle humain de la qualité reste important L’IA s’est avérée très utile pour analyser, cartographier et rédiger des enregistrements structurés. Mais la vérification de la cohérence nécessitait encore un examen délibéré.

3. Les décisions précoces en matière de pile façonnent la charge opérationnelle à long terme Pour un projet gourmand en données comme celui-ci, choisir dès le début une pile nécessitant peu de maintenance est souvent plus précieux que de choisir la configuration familière la plus rapide et de payer pour cette décision plus tard.

Vous souhaitez créer un site Web avec une approche similaire ?

Si votre entreprise dispose d’un catalogue de produits, d’un catalogue de formation, de données relationnelles ou d’un contenu très étendu, nous pouvons commencer par un audit des besoins et décider si la bonne réponse est un site Web standard, une architecture CMS sans tête ou un système plus hybride.

Vous pouvez également voir le résultat en direct directement sur ICVTraining.com.

Vous pouvez commencer par une consultation gratuite ou explorer notre service de développement de sites Web et notre service de développement d’applications Web en fonction de votre périmètre.