---
title: "Café Winklstüberl – Referenz | dasistweb"
description: "700 Jahre Tradition, eine moderne Website mit Storyblok Headless"
source: "https://dasistweb.de/referenzen/cafe-winklstueberl"
---

![Café Winklstüberl – 700 Jahre Tradition, eine moderne Website mit Storyblok Headless. Hero-Bild der Case Study.](/_vercel/image?url=%2Fimages%2Freferences%2Fcases%2Fcafe-winklstueberl%2Fwinklstueberl1.jpg&w=1920&q=80)

[Alle Referenzen](/referenzen)

# Café Winklstüberl 700 Jahre Tradition, eine moderne Website mit Storyblok Headless

NuxtStoryblokHeadlessGastronomieTailwind

900+

Kaffeemühlen in der Sammlung

100

Lighthouse Score (Ziel)

Markt

Oberbayern (Fischbachau)

Zusammenarbeit

6+ Jahre

Strategie

Headless Web

Tech Stack

Nuxt / Vue.jsTailwind CSSStoryblokVercel

// Migration

## Was wir abgelöst haben.

Website

Veralteter WebauftrittModernes Headless-Frontend mit Nuxt/Vue.js

CMS

Kein Content-ManagementStoryblok als Headless CMS, alles selbst pflegbar

Hosting

Klassisches HostingVercel Edge Network, schnell weltweit

Design

Nicht responsiveMobile-first mit Tailwind CSS

Performance

LangsamImage Lazy Loading, Font Preload, Lighthouse-optimiert

// Neu erschaffen

### Was wir neu dazu erschaffen haben.

#### Storyblok als Headless CMS

Speisekarte, Öffnungszeiten, Neuigkeiten und Bildergalerien: alles über Storyblok pflegbar, ohne eine Zeile Code. Die Inhaberin aktualisiert ihre Website selbst.

#### Digitale Speisekarte

Speisen und Getränke übersichtlich und immer aktuell. Saisonale Änderungen in Minuten eingepflegt, ohne Anruf beim Entwickler.

#### Gaststätte zum Anfassen

Bildergalerien der Räumlichkeiten, Sommerterrassen mit Bergblick und der legendären Kaffeemühlen-Sammlung. Gäste erleben die Atmosphäre, bevor sie kommen.

#### Blitzschnell geladen

Nuxt mit Vercel Edge Hosting, Image Lazy Loading und Font Preload. Lighthouse Score nahe 100, auch mit Bergpanorama-Bildern.

// Integrationen

## Das Ökosystem.

Frontend

### Nuxt / Vue.js

CMS

### Storyblok (Headless)

Styling

### Tailwind CSS

Hosting

### Vercel

Formulare

### Google reCAPTCHA

// Ausgangssituation

## Die Herausforderung.

Das Café Winklstüberl ist ein beliebtes Ausflugslokal in den bayerischen Bergen – bekannt für Gemütlichkeit, Kuchen und einen Blick, der süchtig macht.

![Café Winklstüberl – Einblick](/_vercel/image?url=%2Fimages%2Freferences%2Fcases%2Fcafe-winklstueberl%2Fwinklstueberl2.webp&w=1920&q=80)

// Vorteile

## Was das bringt.

-   //Zeitgemäßer digitaler Auftritt für ein Traditionslokal
-   //Atmosphäre und Charme online erlebbar

![Café Winklstüberl – Ergebnis](/_vercel/image?url=%2Fimages%2Freferences%2Fcases%2Fcafe-winklstueberl%2Fwinklstueberl4.webp&w=1920&q=80)

// Ergebnisse

900+

Kaffeemühlen in der Sammlung

100

Lighthouse Score (Ziel)

## Café Winklstüberl

**700 Jahre Tradition, eine moderne Website mit Storyblok Headless**

Das Café Winklstüberl ist ein beliebtes Ausflugslokal in den bayerischen Bergen – bekannt für Gemütlichkeit, Kuchen und einen Blick, der süchtig macht.

## Die Herausforderung

Das Café Winklstüberl in Fischbachau ist eine oberbayerische Institution: erstmals um 1300 als Schwaige Wynckel erwähnt, seit 1950 in Familienbesitz der Mairhofers, heute geführt von Thekla Mairhofer. Hausgemachte Torten, 900 Kaffeemühlen an der Wand und eine Terrasse mit Blick auf den Breitenstein. Was fehlte: eine Website, die das transportiert. Der alte Webauftritt war veraltet, nicht mobil-optimiert und kaum pflegbar. Gleichzeitig sollte die Inhaberin Inhalte selbst aktualisieren können: Speisekarte, Öffnungszeiten, Neuigkeiten. Ohne Entwickler, ohne Wartezeit.

## Unsere Lösung

In nur 5 Personentagen haben wir eine komplett neue Website aufgebaut: headless, mit Nuxt/Vue.js im Frontend, Storyblok als CMS und Vercel als Hosting. Tailwind CSS sorgt für ein responsives Design, das auf jedem Gerät funktioniert. Alle Inhalte sind über Storyblok pflegbar: Speisekarte, Getränkekarte, Öffnungszeiten, Bildergalerien, Neuigkeiten. Image Lazy Loading und Font Preloading bringen Performance nahe an den Lighthouse-Highscore. Für dasistweb war das Projekt gleichzeitig der Einstieg in Storyblok, eine Technologie, die inzwischen fester Bestandteil unseres Stacks ist.

![Christina Braun und Martin Weinmayr von dasistweb](/_vercel/image?url=%2Fimages%2Fteam%2Fchristina-martin.jpg&w=1920&q=80)

// Lernen wir uns kennen

## Lass uns reden.  
Kein Pitch.

[**5,0** bei OMR Reviews // extern Ø 5,0 aus 20 Bewertungen](https://omr.com/de/reviews/service/dasistweb)

Christina BraunHead of Sales & Partnerships

Martin WeinmayrGründer & Developer

Nachricht [Termin buchen](https://calendly.com/christina-braun-dasistweb/30-min-meeting)

// Antwort in 1 Werktag // kostenlos & unverbindlich