Dachsbau Tautenhain

Frontend for dachsbau-tautenhain.de – Nuxt on a headless Kirby.

Website • Backend

Why

Madlen – one of my closest friends – moved into the Dachsbau in Tautenhain to bundle her skills in one place and turn her passion into a profession. She asked Julia Frank and me to design the Dachsbau concept and build her website: Julia drew the illustrations, from the abstracted four-sided farmstead down to the badger lying in the corner of the screen, and I did code and photography.

The site doubled as a prototype for a best-practice headless Kirby + Nuxt integration: the kirby-headless-starter and nuxt-kql (today Nuxt Kirby) grew out of it.

How It's Built

• Nuxt 4 – SSR frontend, deployed to Cloudflare Workers
• UnoCSS + VueUse – styling and composables
• Nuxt Kirby + kirby-types – typed KQL queries against the headless Kirby backend
• Cacao Kit as the base – block-first rendering via a catch-all route

Development

1. Create your .env from the example and point it at the backend (KIRBY_BASE_URL, KIRBY_API_TOKEN):

   cp .env.example .env

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm run dev

Build with pnpm run build. Deployment targets Cloudflare Workers via wrangler.toml.

License

The code is licensed under MIT; words and images are licensed under CC BY-NC-SA 4.0.

© 2022-PRESENT Johann Schopplich & Julia Frank