What we build with
The Werkstatt 76 stack
18 parts in 6 layers, from the tools we build with down to where the data is kept, and the lines between them: what runs inside what, who calls whom, and where data goes.
Swipe sideways to see the whole map. Every connection is also written out below.
- Made with
- Runs on or in
- Requests and data
- Point at or tap a part to see its links.
Build
How we make it
- Impeccable
Design direction and reviews against our own design system.
- Sets the design direction of every layer of the stack
- Claude
Engineering partner: writes, reviews and tests the code with us.
- Writes, reviews and tests the code of every layer of the stack
Devices
Where people use it
- Capawesome Live Update
Signed web updates to the Android app between store releases.
- Ships web updates to Capacitor
- Capacitor
Wraps a web app as a native Android app when a store app is needed.
- Packages for the Play Store PWA
- Capawesome Live Update ships web updates to it
- PWA
Installable web apps: manifest, service worker and icons on every phone, tablet and laptop.
- Installs and caches PyScript · Pyodide + MicroPython
- Works offline through a service worker in JavaScript
- Capacitor packages for the Play Store it
Interface
What people see
- Astro 5
Static websites that ship no framework to the visitor.
- Sends the contact form to Sanic
- Tailwind CSS 4 styles it
- Phosphor Icons gives icons to it
- Tailwind CSS 4
Utility CSS generated from the classes our views use.
- Styles Astro 5
- Styles the apps built with PyScript · Pyodide + MicroPython
- Phosphor Icons
One icon family, inlined as SVG.
- Gives icons to Astro 5
- Gives icons to PyScript · Pyodide + MicroPython
- PyScript · Pyodide + MicroPython
Python in the browser: Pyodide for full apps, MicroPython where a page must start instantly.
- Runs Python 3.15
- Calls the JSON API of Sanic
- Reads and sends mail through JMAP on Stalwart
- PWA installs and caches it
- Tailwind CSS 4 styles the apps built with it
- Phosphor Icons gives icons to it
- JavaScript bridges browser APIs for it
- JavaScript
Only what browsers require: service workers, vendored libraries, glue.
- Bridges browser APIs for PyScript · Pyodide + MicroPython
- PWA works offline through a service worker in it
Language
One language end to end
- Python 3.15
Back ends, build scripts, data work, and the browser apps through PyScript.
- Runs Sanic
- Embeds DuckDB
- PyScript · Pyodide + MicroPython runs it
Services
What answers requests
- Sanic
Async Python web framework for our APIs.
- Asks for document extraction from Mistral
- Stores records in PostgreSQL 16
- Keeps sessions and limits in Redis
- Astro 5 sends the contact form to it
- PyScript · Pyodide + MicroPython calls the JSON API of it
- Python 3.15 runs it
- Stalwart
Our mail server: IMAP, SMTP and JMAP, with DKIM, SPF and DMARC.
- PyScript · Pyodide + MicroPython reads and sends mail through JMAP on it
- Mistral
AI document extraction, called from our API.
- Sanic asks for document extraction from it
Data
Where it is kept
- DuckDB
One-file database for a single service, with Parquet backups.
- Python 3.15 embeds it
- NeonDB
Serverless hosting for Postgres, with branches per environment.
- Hosts PostgreSQL 16
- PostgreSQL 16
- Redis
Shared sessions, rate limits and short-lived cache.
- Sanic keeps sessions and limits in it