Vi arbejder på VR TRAINER, en virtuel træningsbane til de kliniske procedurer.

Skal Vi Bage

Et voksende univers af originale opskrifter, dybdegående bageguides og interaktive beregnere — bundet sammen af automatisk intern linking og komplet schema.org-implementation, bygget på Statamic og Laravel.

Besøg website

Vores udfordring

Vores udfordring

Skal Vi Bage er drevet af Bente Harding med fokus på at samle klassiske danske kageopskrifter — fra lagkager til julemandler — og gøre dem nemme at finde, bage og dele. Sitet skulle huse en stadigt voksende samling af originale opskrifter, dybdegående bageguides og interaktive værktøjer (dl-til-gram, gær-omregning, ovntemperatur, formstørrelse osv.), og det hele skulle hænge sammen som ét univers.

De fleste opskriftssites på det danske marked kører på WordPress med 20+ plugins og en database der konstant skal patches. For et indholdstungt site med tekniske SEO-ambitioner — Recipe rich-results, struktureret data og hurtige sider — er det den forkerte arkitektur. Bente ønskede et site bygget op om dyb SEO-disciplin og bagvenlige UX-detaljer, ikke flere features for features' skyld.

Skal Vi Bage opskrifts-site bygget i Statamic - Wacky Studio

Et håndbygget opskriftssite med dyb SEO-disciplin og diskrete UX-detaljer

Vores tilgang

Vores tilgang

Vi valgte Statamic 6 som CMS, bygget på Laravel 12 og PHP 8.3, med Antlers som template-sprog, Alpine.js til interaktivitet og Vite/SCSS til asset-bundling. Statamic er et flat-file CMS, så alt indhold ligger som strukturerede filer i Git — ingen database, ingen plugin-roderi.

Hver opskrift er bygget op om replicator-blokke (Kage, Pynt, Cremetopping…) med ingredienser grupperet i navngivne sektioner, fremgangsmåde i trin med id-ankre, hero-billede plus galleri, og tags + temaer (Jul, Påske, Fastelavn). De 13 pillar-artikler — fx drømmekage, lagkage, franskbrød, marcipan, butterdej — er hver 1.000-2.500 ord med Article- og FAQPage-schema, og er tæt koblet til de relevante opskrifter. De 7 værktøjer kombinerer en visuel beregner med SEO-optimeret tekstindhold (FAQ + SoftwareApplication-schema), så de både virker som praktisk værktøj og som søgemaskine-mad.

Fordi data og præsentation er tæt koblede, kan vi lave dybe forbedringer ét sted og se dem virke på 170+ sider på én gang.

Valnøddelagkage fra Skal Vi Bage - Wacky Studio
Æblemuffins med knas fra Skal Vi Bage - Wacky Studio
Æblemuffins med knas fra Skal Vi Bage - Wacky Studio

Vores løsning

Smart intern linking, server-side schema og bage-specifik UX — bygget på Antlers-disciplin

Æblemuffins med knas fra Skal Vi Bage - Wacky Studio

Vores konklusion

Vores løsning

Smart intern linking ved render-tid. Vi byggede en custom Antlers-modifier der scanner hver opskrift når den renderes, finder 4 detektionsmønstre (formstørrelse, ovntype, gær-type, ingrediens-substitution) og tilføjer diskrete hjælpe-linjer som "💡 Anden formstørrelse? Beregn omregningen". Max ét link per værktøj per opskrift, JSON-LD-schemaet forurenes aldrig, og resultatet er at 170+ opskrifter nu linker kontekstuelt til 4 værktøjer — uden et eneste manuelt redigeret indlæg.

Komplet schema.org-implementation. Server-side renderet Recipe JSON-LD med HowToStep per trin (navn + url + matchende #trin-N ankre), så Googles trin-for-trin-rich-results linker direkte til relevant punkt i fremgangsmåden. Plus Article, FAQPage, BreadcrumbList, AggregateRating og SoftwareApplication-schemas, og en custom MarkdownFaq Antlers-tag der auto-genererer FAQPage-schema ud fra eksisterende H2/H3-struktur i værktøjs-tekster. Alle 200+ sider har title på 50-60 tegn, meta-description på 140-165 tegn, OG-tags og canonical.

Bager-specifik UX. Bage-mode med fuldskærms-overlay til melede fingre, Wake Lock API-toggle der holder skærmen tændt mens dejen hæver, portionsjustering der live-genskalerer alle ingredienser ("5 dl mel" → "7,5 dl mel" når du skifter fra 8 til 12 personer), separat print-stylesheet uden navigation og kommentarer, Pinterest-integration med pre-fyldt billede + beskrivelse, og 5-stjerners rating-widget bygget i Alpine.js med honeypot-spam-beskyttelse — lagret som Statamic Collection og eksponeret som AggregateRating i schema.

Performance. Vite asset-bundling og fingerprinting, lazy-loaded billeder, fetchpriority="high" på hero, og Glide image cropping for optimerede thumbnails.

Samme tilgang har vi taget på Technicon-casen, hvor Statamic håndterer en kompleks produktportefølje for pharma-industrien — beviset på at samme CMS skalerer fra content-tungt opskriftssite til B2B-portal med tekniske specifikationer.

Den samlede teknologi-stack er — Statamic 6, Laravel 12, PHP 8.3, Antlers, Alpine.js, Vite/SCSS, Git-baseret deployment.

Vores konklusion

Skal Vi Bage viser hvad et moderne opskriftssite kan, når SEO-arbejdet bygges oven på solid Antlers- og Laravel-disciplin — ikke som efterklog efterbehandling. For indholdstunge sites er Statamic det rigtige valg i 2026.

Skal I have bygget et content-tungt site i Statamic? Kontakt os for en uforpligtende snak om jeres næste projekt.

Projekt Partners

Vi samarbejdede med

Ekspertise brugt