A real farm shop deserves a site that feels real.
Vleesboerderij Dieker is a family operation in Terborg — own-bred Blonde d'Aquitaine cattle on 25 hectares of pasture and 7 hectares of nature, plus pork and chicken from neighbouring farms in the Achterhoek. Their existing site is a tired WordPress theme that loads slowly, never quite says what the place is, and makes ordering a phone call.
The studio's proposed replacement is a single page that tells the story top-to-bottom — farm, story, assortment, values, visit, FAQ — and ends in an order modal that posts straight to the family's inbox. No CMS to log into, no admin panel to maintain, no database to back up. Built end-to-end as a working prototype on staging, presented to the family as the concept.
One page, one inbox, one weekend pickup.
In the proposal, customers land on a parallax hero photo of the farm, scroll a short narrative in Dutch, browse the catalogue (typed in code, not a database), tap Bestel direct, fill a cart in a modal that lives in sessionStorage, and submit. The /api/order endpoint validates the cart against the catalogue, builds an HTML and plain-text email, and ships it via Nodemailer SMTP. The family would answer from their normal mailbox — no new tools, no logins.
Same hardened deploy footprint as the rest of the studio: signed image pulled from a private registry, single shell script on the host, Traefik edge with automated TLS, no public surface beyond the page itself. One container, one job — serve a single page and accept orders. The concept is fully running on staging; production rollout is the family's decision to make.
- Next.js 15 · React 19
- TypeScript
- Newsreader serif · JetBrains Mono
- Hand-rolled CSS
- Nodemailer SMTP
- sessionStorage cart
- Playwright captures
- Hardened Hetzner deploy
- Signed-image CI/CD
- Shared Traefik edge
- Brand site (single page, anchor-driven)
- Hero with parallax photography
- Story · values · FAQ sections
- Typed product catalogue (TS source)
- Cart + checkout modal (no DB)
- Order email pipeline (HTML + plain-text)
- Health endpoint + smoke deploy
- Dutch-language copy throughout
What moved.
For the readers.
Each topic below opens its own page with the full story.
- Deep dive · 01
Single-page narrative
One scroll, six anchor sections. No router, no CMS, no client-side state beyond the cart. The site reads like a printed brochure that happens to take orders.
- Deep dive · 02
Cart modal + email handoff
sessionStorage cart, modal checkout, /api/order validates against the typed catalogue and ships an HTML + plain-text email via Nodemailer SMTP. No DB. No admin. The mailbox is the order book.
- Deep dive · 03
Catalogue as code
Products live in src/data/catalog.ts as a typed module. Seasonal swaps and price updates are a one-line edit and a deploy — the same workflow the studio uses for everything else.
- Deep dive · 04
Hardened, reproducible deploy
Same recipe as the studio's other production projects — signed image from a private registry, one shell script on the host, Traefik edge with automated TLS. One container does the whole job.
Got something
this size?
Big ambitions, we match the energy. Drop a brief — reply within one working day.