Tous les projets
ProduitEn test

Yorro.dev

Le site du studio : vitrine, journal et tutoriels, construit comme une démonstration de l'architecture qu'on vend.

Mis à jour
Rôle
Conception et développement
Durée
Depuis juillet 2026
Statut
En test

Feuille de route

Ce site est son propre premier cas d’usage.

La logique métier n’y vit pas dans les composants : elle est nommée dans une couche d’Actions — setTheme, setLocale, openService — appelée à l’identique par l’interface, bientôt par une palette de commandes, puis par un agent. C’est exactement ce que vend le service Conseil Architecture Agent-Native, et il paraissait malhonnête de le vendre sans le pratiquer.

Le reste suit la même règle : l’accessibilité est une contrainte de conception et pas une relecture, les tests tournent contre le site construit et pas contre le serveur de développement, et chaque décision structurante est écrite dans un ADR avant d’être codée.

Points clés

  • Rendu au build et déployé sans serveur : aucune base de données à administrer.
  • Le build casse si une page structurelle manque dans une langue — la règle bilingue est un test, pas une intention.
  • Chaque comportement est une Action nommée, appelée identiquement par l'interface et par la palette ⌘K.
  • Les tests de bout en bout visent le site construit, pas le serveur de développement.

Technologies

  • Astro
  • TypeScript
  • Tailwind CSS
  • Cloudflare Pages
  • Playwright

Jalons

4 / 8
  1. Terminé —Squelette : monorepo, trois environnements de déploiement
  2. Terminé —Shell : navigation, thème, couche d'Actions
  3. Terminé —Routage bilingue et règle des traductions
  4. Terminé —Services et pages de détail
  5. À venir —Labs et fiches projet
  6. À venir —Journal, tutoriels et parcours
  7. À venir —Palette de commandes ⌘K
  8. À venir —Discovery Agent et configurateur de devis

Autres projets

RechercheRoadmap

Actions exposées en MCP

Publier la couche d'Actions du site comme serveur MCP, pour qu'un agent externe puisse s'en servir — sans lui ouvrir plus qu'il ne faut.

  • MCP
  • TypeScript
  • Cloudflare Workers
PrototypeRoadmap

Pipeline de rédaction assistée

Rédiger un article en français, en dériver la version anglaise et les métadonnées, sans qu'un modèle ne publie quoi que ce soit tout seul.

  • MDX
  • TypeScript
  • Claude
PrototypeEn test

Orbite

Un graphe d'expertises en orbite, animé et navigable au clavier, qui reste lisible sur un téléphone.

  • SVG
  • CSS
  • TypeScript

Agir

Thème sombreFixer l'apparence du sitesetTheme({theme:"dark"})
Thème clairFixer l'apparence du sitesetTheme({theme:"light"})
Thème du systèmeSuivre à nouveau la préférence du systèmesetTheme({theme:"system"})
Passer le site en anglaisEnglishsetLocale({locale:"en"})
Labs — ProduitFiltrer les Labs par typefilterLabs({type:"Produit"})
Labs — PrototypeFiltrer les Labs par typefilterLabs({type:"Prototype"})
Labs — RechercheFiltrer les Labs par typefilterLabs({type:"Recherche"})
Labs — Réinitialiser les filtresRetirer tous les filtres des LabsfilterLabs({reset:true})
Journal — IngénierieFiltrer le Journal par catégoriefilterJournal({category:"Ingénierie"})
Journal — SécuritéFiltrer le Journal par catégoriefilterJournal({category:"Sécurité"})
Journal — Agent-NativeFiltrer le Journal par catégoriefilterJournal({category:"Agent-Native"})
Journal — StudioFiltrer le Journal par catégoriefilterJournal({category:"Studio"})
Journal — Réinitialiser les filtresRetirer tous les filtres du JournalfilterJournal({reset:true})
Tutoriels — DébutantFiltrer les tutoriels par niveaufilterTutorials({level:"Débutant"})
Tutoriels — IntermédiaireFiltrer les tutoriels par niveaufilterTutorials({level:"Intermédiaire"})
Tutoriels — AvancéFiltrer les tutoriels par niveaufilterTutorials({level:"Avancé"})
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutorielsfilterTutorials({reset:true})

Services

DiscoveryCadrer le produit avant d'écrire la première ligne, pour que le budget serve à construire et pas à corriger.openService({service:"discovery"})
Design produitUne interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.openService({service:"design"})
Développement webUne application web rapide et tenue dans le temps, avec les tests et la chaîne de livraison qui vont avec.openService({service:"web"})
Développement mobileUne application iOS et Android depuis une seule base de code, publiée sur les deux stores.openService({service:"mobile"})
Infrastructure & sécuritéUne infrastructure décrite en code, et un accès Zero Trust qui ne repose pas sur un SMS.openService({service:"infrastructure"})
Maintenance & évolutionUn produit qui reste à jour, surveillé et corrigé, avec quelqu'un qui répond quand ça casse.openService({service:"maintenance"})
Conseil Architecture Agent-NativeRendre un produit existant pilotable par un agent, sans le réécrire — et sans lui ouvrir plus qu'il ne faut.openService({service:"agent-native"})

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.navigate({page:"home"})
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.navigate({page:"services"})
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.navigate({page:"labs"})
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.navigate({page:"tutorials"})
JournalLes notes et les prises de position du studio.navigate({page:"journal"})
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.navigate({page:"contact"})
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.navigate({page:"about"})
↑↓ naviguer↵ exécuteréchap fermerActions unifiées