Tech Stack

Tech Stack

This site is a “Digital Garden”—a blend of static content and dynamic micro-services. Here is the technical breakdown of how Rooby Studio is built and hosted.

🏗️ Architecture

The philosophy is “Static First, Dynamic When Necessary.”

Cloudflare Workers KV Storage GoatCounter
  • Jekyll: Compiles Markdown into static HTML.
  • Chirpy: The base UI/UX, customized to better suit my needs.
  • GitHub Pages: CI/CD and static asset serving.
  • Cloudflare: Handles the serverless “Like” counter and KV storage.
  • GoatCounter: Privacy-focused analytics (No cookies, no spying).

🎹 Audio Engine

  • Strudel: A REPL for TidalCycles running in an iframe.
  • Integration: Custom Micro-Frontend architecture to isolate the audio engine.

💻 Studio & Dev

The hardware and software behind the scenes.

Logic Pro X Traktor IntelliJ
Java Angular
  • Hardware: MacBook Pro (M-Series)
  • Code Editor: IntelliJ IDEA / VS Code
  • DAW: Logic Pro
  • DJ Software: Traktor Pro 4 / rekordbox
  • DJ Hardware: Traktor MX2 / Traktor X1 MK3 / Traktor Z1 MK2 / Pioneer DDJ-400

Why this stack?

I chose Jekyll for stability and Cloudflare for speed. The goal was to have a site that loads instantly anywhere in the world, costs $0 to host, but still has the power to run dynamic code when I need it.