Rakesh Yadav
Work Book a call

Colophon

How this site is built.

A short note on the stack and the decisions behind it. If you're a buyer doing due diligence — this is the kind of detail I'll bring to your project too.

Stack

  • Framework

    Astro 5

    Static site generation, MDX content collections, zero JS by default.

  • Styling

    Tailwind v4

    CSS-first config with design tokens. No JS runtime.

  • Body font

    Inter

    Variable, antialiased, with stylistic sets.

  • Mono font

    JetBrains Mono

    For code and tags.

  • Diagrams

    Mermaid

    Lazy-loaded only on case study pages with diagrams.

  • Code highlighting

    Shiki

    Build-time, GitHub Dark theme.

  • Hosting

    Cloudflare Pages

    Edge CDN, automatic HTTPS, free.

  • Domain

    Cloudflare Registrar

    At-cost pricing, no upsells.

  • Analytics

    Cloudflare Web Analytics

    Privacy-friendly, no cookie banner.

  • Repository

    Private monorepo

    Astro + MDX content, deployed on push.

Principles

  • → Static by default, hydrate only what needs it.
  • → No JS for the homepage. Mermaid loads only on pages that show a diagram.
  • → No third-party trackers. No cookie banner. No "Hey we use cookies" modal.
  • → Lighthouse 100 / 100 / 100 / 100 on the homepage.
  • → ~250 KB total transfer for the entire site.

Source

Currently a private repo. May go public once the design settles. If you're building something similar and want to copy patterns from here, just ask — [email protected].