Web-App · Alltag

Sprit-Dashboard – Jetzt tanken oder warten?

Seit April 2026 dürfen deutsche Tankstellen Preise nur noch um 12 Uhr mittags erhöhen. Mein Morgen-Dashboard zeigt per Ampel ob man vorher tanken sollte – mit Ölpreis-Chart und lokalen Tankstellenpreisen für Hünfeld.

Mai 2026 · Web-App · Next.js · Vercel · Claude Code

Die Idee

Seit dem 1. April 2026 gilt in Deutschland eine neue Regel: Tankstellen dürfen ihre Preise nur noch einmal täglich erhöhen – um 12 Uhr mittags. Das bedeutet: wer morgens tankt, zahlt den Preis von gestern Abend. Wer nach 12 Uhr tankt, zahlt möglicherweise mehr.

Die Frage jeden Morgen lautete also: Steigt der Ölpreis gerade? Sollte ich vor 12 Uhr tanken? Um diese Entscheidung zu erleichtern, habe ich das Sprit-Dashboard gebaut – eine einfache Web-App die morgens eine klare Empfehlung gibt.

Nicht jeden Morgen Ölpreise googeln – einfach die App öffnen und die Ampel anschauen.

Das Ampel-System

Das Herzstück ist die Ampel-Empfehlung. Sie wertet den Brent-Ölpreis-Trend aus und gibt eine klare Handlungsempfehlung:

Grün
Ölpreis steigt >+2% → jetzt tanken
Blau
Ölpreis fällt <−2% → warten lohnt sich
Gelb
Kein klarer Trend → unklar
Grau
Nach 12 Uhr → Fenster vorbei

Alle Funktionen

Neben der Ampel zeigt das Dashboard alle relevanten Informationen auf einen Blick:

Ölpreis-Chart – Brent Crude der letzten Handelstage aus Yahoo Finance, als Linienchart mit Recharts dargestellt. So sieht man sofort ob es ein kurzfristiger Ausreißer ist oder ein echter Trend.

Lokale Tankstellenpreise – die drei günstigsten Tankstellen im 5-km-Umkreis von PLZ 36088 Hünfeld, live von der Tankerkönig API. E10, Super und Diesel werden angezeigt.

Kennzahlen – aktueller Ölpreis mit 5-Tage-Trend, Ø E10 und Ø Diesel aus der Region.

📱
Screenshot-Platzhalter
Dashboard-Ansicht mit Ampel, Chart und Tankstellenpreisen

Tech-Stack

FrameworkNext.js (App Router)
HostingVercel (Free Tier)
ÖlpreiseYahoo Finance API (BZ=F), Fallback Stooq
SpritpreiseTankerkönig API
StylingTailwind CSS
ChartRecharts
Dev-ToolClaude Code

Am besten als App nutzen

Das Dashboard ist als PWA ausgelegt – es lässt sich direkt auf dem Handy-Homescreen pinnen und verhält sich dann wie eine native App:

iPhone (Safari): Teilen → „Zum Home-Bildschirm" → ab sofort als Icon verfügbar.
Android (Chrome): Menü → „Zum Startbildschirm hinzufügen".

Morgens einmal tippen, Ampel anschauen, entscheiden. Das war die Idee – und genau so funktioniert es.

Verwandtes Projekt

Parallel zum Dashboard läuft das Spritpreis Frühwarnsystem als n8n-Workflow – ein eigenständiger Analyzer der Preissignale erkennt und bei Relevanz einen Telegram-Alert schickt. Beide Projekte ergänzen sich.

Entwicklung mit Claude Code

Das Dashboard wurde komplett mit Claude Code entwickelt – im Terminal, iterativ, mit direktem Zugriff auf das Projektverzeichnis. Der Code liegt auf GitHub, Vercel deployed automatisch bei jedem Push auf main.

Was mich an diesem Projekt begeistert: es löst ein echtes, tägliches Problem. Keine Demo, keine Spielerei – eine App die ich selbst jeden Morgen nutze.