Tea Log
Eine performante Webseite, die auf eine Notion-Datenbank aufgebaut wurde – mit redaktionellem Feed, filterbarer Datenbank und kuratierten Detailseiten.
Die Oberfläche ist bewusst reduziert: wenig Navigation, klare Typografie, schnelle Ladezeiten – trotzdem durchsuchbar, mit Detailseiten und teilbaren Filter-URLs.
Technisch stützt sich alles auf eine Notion-Datenbank: Einträge in der App pflegen, Astro zieht per API und baut die öffentliche Seite regelmäßig neu. Wer Notion schon nutzt, bekommt damit eine eigene Web-Marke – ohne Inhalte doppelt zu pflegen.
Notion-Inhalte als eigene Web-Oberfläche
Das Projekt zeigt, wie eine Notion-Datenbank als redaktionelles Backend funktioniert: Einträge werden in der Notion-App gepflegt, die Website zieht die Daten per API und wird täglich neu gebaut – als interaktive Oberfläche mit Feed, Filtern und Detailseiten, ohne Notion-Look.
-
Start / Log
Redaktioneller Feed statt statischer Startseite
Statt klassischer Navigation wechseln Besucher:innen zwischen einem chronologischen Log und einer strukturierten Browse-Ansicht – beide gespeist aus derselben Notion-Datenbank.
Log-Feed mit Umschaltung zwischen Feed und Browse -
Browse / Datenbank
Filterbare Recherche-Oberfläche
Die Browse-Ansicht macht aus der Notion-Datenbank eine durchsuchbare Sammlung – mit Filtern, Sortierung und URL-Zuständen, die sich teilen und wiederherstellen lassen.
Browse-Ansicht mit Suche, Filtern und Teekarten -
Detailseite
Kuratierte Einzelseiten aus Notion
Jeder Tee erhält eine eigene Detailseite – mit Hero-Bild, strukturierten Notion-Feldern und Inhalten, die gezielt für die Web-Lesbarkeit aufbereitet sind.
Detailseite mit kuratiertem Content und Metadaten-Sidebar