All projects
ProductIn testing

Yorro.dev

The studio's own site: showcase, journal and tutorials, built as a demonstration of the architecture it sells.

Updated Source code

Roadmap

This site is its own first use case.

Its business logic does not live inside components: it is named in an Actions layer — setTheme, setLocale, openService — invoked identically by the interface, soon by a command palette, then by an agent. That is exactly what the Agent-Native Architecture Advisory sells, and selling it without practising it seemed dishonest.

The rest follows the same rule: accessibility is a design constraint rather than a review pass, tests run against the built site rather than the dev server, and every structural decision is written into an ADR before it is coded.

Technologies

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

Milestones

4 / 8
  1. Done —Skeleton: monorepo, three deployment tiers
  2. Done —Shell: navigation, theme, Actions layer
  3. Done —Bilingual routing and the translation rule
  4. Done —Services and detail pages
  5. Upcoming —Labs and project sheets
  6. Upcoming —Journal, tutorials and tracks
  7. Upcoming —Command palette ⌘K
  8. Upcoming —Discovery Agent and quote configurator

Act

Dark themePin the site's appearancesetTheme({theme:"dark"})
Light themePin the site's appearancesetTheme({theme:"light"})
System themeFollow the system preference againsetTheme({theme:"system"})
Switch the site to FrenchFrançaissetLocale({locale:"fr"})
Labs — ProductFilter Labs by typefilterLabs({type:"Produit"})
Labs — PrototypeFilter Labs by typefilterLabs({type:"Prototype"})
Labs — ResearchFilter Labs by typefilterLabs({type:"Recherche"})
Labs — Reset filtersClear every Labs filterfilterLabs({reset:true})
Journal — EngineeringFilter the Journal by categoryfilterJournal({category:"Ingénierie"})
Journal — SecurityFilter the Journal by categoryfilterJournal({category:"Sécurité"})
Journal — Agent-NativeFilter the Journal by categoryfilterJournal({category:"Agent-Native"})
Journal — StudioFilter the Journal by categoryfilterJournal({category:"Studio"})
Journal — Reset filtersClear every Journal filterfilterJournal({reset:true})

Services

DiscoveryFrame the product before the first line of code, so the budget builds instead of correcting.openService({service:"discovery"})
Product designAn interface that holds together, carried by a design system your developers can keep alive without us.openService({service:"design"})
Web developmentA fast web application that holds up over time, with the tests and delivery chain to match.openService({service:"web"})
Mobile developmentAn iOS and Android app from a single codebase, published on both stores.openService({service:"mobile"})
Infrastructure & securityInfrastructure described as code, and Zero Trust access that does not rest on a text message.openService({service:"infrastructure"})
Maintenance & evolutionA product kept current, watched and fixed, with someone who answers when it breaks.openService({service:"maintenance"})
Agent-Native Architecture AdvisoryMake an existing product agent-operable without rewriting it — and without opening more than it should.openService({service:"agent-native"})

Go to

YorroProduct engineering studio in Abidjan and Paris. We design, we build, we ship.navigate({page:"home"})
ServicesBuild a product end to end, or advise a team on its agent-native architecture.navigate({page:"services"})
LabsWhat the studio has built: products, prototypes and research, with where each one actually stands.navigate({page:"labs"})
TutorialsStep-by-step guides drawn from real projects, grouped into tracks by topic.navigate({page:"tutorials"})
JournalThe studio's notes and positions.navigate({page:"journal"})
ContactDescribe your project; you get a framing back, not a boilerplate quote.navigate({page:"contact"})
AboutWho runs the studio, how it works, and what it turns down.navigate({page:"about"})
↑↓ move↵ runesc closeOne Actions layer