We are working on VR TRAINER, a virtual training ground for the clinical procedures.

Skal Vi Bage


A growing universe of original recipes, in-depth baking guides and interactive calculators — tied together by automatic internal linking and a complete schema.org implementation, built on Statamic and Laravel.

Visit website

Our challenge

Our challenge

Skal Vi Bage is run by Bente Harding, focused on bringing classic Danish cake recipes — from layer cakes to traditional Christmas treats — together and making them easy to find, bake and share. The site needed to hold a steadily growing collection of original recipes, in-depth baking guides and interactive tools (dl-to-grams, yeast converter, oven temperature, tin size and more), all tied together as one universe.

Most recipe sites in the Danish market run on WordPress with 20+ plugins and a database that constantly needs patching. For a content-heavy site with technical SEO ambitions — Recipe rich-results, structured data and fast pages — that is the wrong architecture. Bente wanted a site built around deep SEO discipline and baker-friendly UX details, not features for features' sake.

Skal Vi Bage - Wacky Studio

A handcrafted recipe site with deep SEO discipline and quiet UX details

Our approach

Our approach

We chose Statamic 6 as the CMS, built on Laravel 12 and PHP 8.3, with Antlers as the templating language, Alpine.js for interactivity and Vite/SCSS for asset bundling. Statamic is a flat-file CMS, so all content lives as structured files in Git — no database, no plugin clutter.

Every recipe is built around replicator blocks (Cake, Decoration, Cream Topping…) with ingredients grouped in named sections, instructions in steps with id anchors, hero image plus gallery, and tags + themes (Christmas, Easter, Shrovetide). The 13 pillar articles — for example dream cake, layer cake, French bread, marzipan, puff pastry — are each 1,000-2,500 words with Article and FAQPage schema, and tightly linked to the relevant recipes. The 7 tools combine a visual calculator with SEO-optimised text content (FAQ + SoftwareApplication schema), so they work both as a practical tool and as search engine fuel.

Because data and presentation are tightly coupled, we can make deep improvements in one place and see them ripple across 170+ pages at once.

Walnut layer cake from Skal Vi Bage - Wacky Studio
Apple muffins with crunch from Skal Vi Bage - Wacky Studio
Apple muffins with crunch from Skal Vi Bage - Wacky Studio

The solution

Smart internal linking, server-side schema and baker-specific UX — built on Antlers discipline

Apple muffins with crunch from Skal Vi Bage - Wacky Studio

Our conclusion

The solution

Smart internal linking at render time. We built a custom Antlers modifier that scans every recipe as it renders, detects 4 patterns (tin size, oven type, yeast type, ingredient substitution) and adds quiet helper lines like "💡 Different tin size? Calculate the conversion". Max one link per tool per recipe, the JSON-LD schema is never polluted, and the result is that 170+ recipes now link contextually to 4 tools — without a single manually edited post.

Complete schema.org implementation. Server-side rendered Recipe JSON-LD with HowToStep per step (name + url + matching #step-N anchors), so Google's step-by-step rich results link directly to the relevant point in the instructions. Plus Article, FAQPage, BreadcrumbList, AggregateRating and SoftwareApplication schemas, and a custom MarkdownFaq Antlers tag that auto-generates FAQPage schema from the existing H2/H3 structure in tool texts. All 200+ pages have titles of 50-60 characters, meta descriptions of 140-165 characters, OG tags and canonical.

Baker-specific UX. Baking mode with full-screen overlay for floury fingers, Wake Lock API toggle that keeps the screen on while the dough rises, portion adjustment that live-rescales all ingredients ("5 dl flour" → "7.5 dl flour" when you switch from 8 to 12 servings), a separate print stylesheet without navigation and comments, Pinterest integration with pre-filled image + description, and a 5-star rating widget built in Alpine.js with honeypot spam protection — stored as a Statamic Collection and exposed as AggregateRating in the schema.

Performance. Vite asset bundling and fingerprinting, lazy-loaded images, fetchpriority="high" on the hero, and Glide image cropping for optimised thumbnails.

We took the same approach on the Technicon case, where Statamic handles a complex product portfolio for the pharma industry — proof that the same CMS scales from content-heavy recipe site to B2B portal with technical specifications.

The full technology stack is — Statamic 6, Laravel 12, PHP 8.3, Antlers, Alpine.js, Vite/SCSS, Git-based deployment.

Our conclusion

Skal Vi Bage shows what a modern recipe site can do when SEO work is built on top of solid Antlers and Laravel discipline — not as an afterthought. For content-heavy sites, Statamic is the right choice in 2026.

Looking to build a content-heavy site in Statamic? Contact us for a no-obligation chat about your next project.

Project Partners

We collaborated with

Used expertise