Tobias Ludwig
Start
ServicesWeb, Apps, Backend und KIPlanerBausteine wählen, Preis sofort sehenBranchen-DemosBeispielseiten für Handwerk, Praxis, GastroReferenzenKundenprojekte mit ErgebnisMatch-CheckPasst das Vorhaben zu mir?Über michWer hinter der Seite steht
ProjekteEigene Software und Open SourceProdukteFertige Apps und WerkzeugeFlutterPlugins und PaketeBlogNotizen aus der Praxis
ToolsKleine Helfer im BrowserTech-WikiWerkzeuge und Stacks, kurz erklärtShowcaseDemos, Shader, Inszenierungen
Support & HilfeHilfe zu laufenden ProjektenMein KontoTickets und Zugänge
Erstgespräch
Erstgespräch buchenKostenloser Kennenlern-CallKontakt schreibenNachricht per Formular
$whoami
Tobias Ludwig
DevOps · Application Manager · Software Engineer
$ls /pages
tobias-ludwig/projekte/kontakt/kalender/impressum/datenschutz/
$git remote
github.com/nexas105
online·next.js 16·hono·postgresql
© 2026 tjl·stay curious_
Ambient OFF
Weiter so… ↓↓ ← → ← → B A
/referenzen/frank-klingebiel-wahlkampf/Webentwicklung/Freelance

Case Study für Frank Klingebiel (CDU) — Oberbürgermeister der Stadt Salzgitter

frank-klingebiel.de

Wahlkampf-Plattform für den Oberbürgermeister von Salzgitter zur Kommunalwahl 2026: redaktionell pflegbare Website mit Bilanz- und Themenseiten, interaktiver Stadtkarte, Kandidaten-Check und eigenem Admin-Bereich.

Live ansehen
case study

Snapshot

Frank Klingebiel (CDU) — Oberbürgermeister der Stadt Salzgitter

Konzeption, Entwicklung, Design-Umsetzung und Betrieb (alleinverantwortlich)

category

Webentwicklung

duration

seit Juli 2026 · laufend bis zur Wahl am 13.09.2026

team

1

period

07/2026 -> laufend
Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLThree.js
Live ansehen
Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLThree.js@react-pdf/rendererDockerCoolifyNodemailer
MetrikenLiveStoryHighlightsDetails
Seitenrouten117Next.js-Seiten
API-Routen83Route Handler
Anwendungscode119.000Zeilen TS/TSX
Team1Entwickler
00

Live Preview

https://frank-klingebiel.de
Öffnen
Website öffnenDie Seite lässt sich nicht einbetten — sie öffnet in einem neuen Tab.
02

Story

Story

Scroll-Flow durch Challenge, Umsetzung und Wirkung

01 / 03
scroll →
challenge.md
01

01 / Problemraum

Herausforderung

Ein Wahlkampf hat einen festen Termin und ein Team ohne Technikressourcen. Die Seite musste in kurzer Zeit stehen, dem Corporate Design entsprechen, rechtlich sauber sein (Impressum, V.i.S.d.P., Datenschutz) und danach ohne Entwickler aktualisierbar bleiben — im Wahlkampf zählen Stunden, nicht Tickets.

solution.md
02

02 / Umsetzung

Lösung

Alle Inhalte datenbankgetrieben mit einem Redaktionsbereich, in dem jede Seite ein handgeschriebenes Formular hat: beschriftete Felder, feste Reihenfolge, Sektionen ein- und ausblendbar, Reihenfolge per Drag. Dazu Blog, Galerie mit Lightbox, Terminliste, Kontakt- und Helferverwaltung, generierte Rechtstexte mit zentraler V.i.S.d.P.-Angabe und eine interaktive Stadtkarte als eigenständige 3D-Komponente. Redaktionelle Änderungen an der Live-Datenbank sind die Wahrheit; Seed-Skripte brechen auf befüllter Datenbank bewusst ab, damit kein Deploy Texte überschreibt.

results.md
03

03 / Wirkung

Ergebnisse

Live seit Juli 2026 unter frank-klingebiel.de, seitdem laufend im Wahlkampf im Einsatz. Das Team pflegt Texte, Termine, Blogbeiträge und Bilder selbst; neue Themenseiten kamen im laufenden Betrieb dazu, ohne Deploy-Abhängigkeit für Inhalte. Politische Aussagen stammen ausschließlich vom Kandidaten und seinem Team — ich liefere Technik, Struktur und Gestaltung.

03

Highlights

impact.md
  • Redaktionsbereich pro Seite: beschriftete Felder statt JSON, Sektionen sortier- und ausblendbar
  • Interaktive Salzgitter-Karte mit echter Geografie als 3D-Komponente
  • Kandidaten-Check: Fragebogen, der die Übereinstimmung mit den Positionen des Kandidaten auswertet
  • Blog, Galerie mit Lightbox, Termine und Helferverwaltung im selben Admin
  • Rechtstexte aus Generator mit zentraler V.i.S.d.P.-Pflege an einer Stelle
  • Corporate Design mit geprüftem Kontrast: Orange als Fläche, dunklere Variante als Text auf Weiß
  • Betrieb auf eigener Supabase-Instanz, Deploy automatisch auf Push
04

Projektbeschreibung

case-study.md

Für die Oberbürgermeister-Direktwahl in Salzgitter am 13. September 2026 habe ich die komplette Wahlkampf-Website gebaut und betreibe sie: öffentliche Seiten zu Person, Bilanz, Ausblick und Themen, ein Blog, eine Galerie, eine interaktive Salzgitter-Karte und ein Kandidaten-Check zum Abgleich der eigenen Position. Alle Inhalte liegen in der Datenbank und werden vom Wahlkampfteam über einen eigenen Redaktionsbereich gepflegt — pro Seite ein Editor mit beschrifteten Feldern statt rohem JSON. Betrieb auf selbst gehostetem Supabase, Deploy über Coolify auf Push.

scope

Kunde

Frank Klingebiel (CDU) — Oberbürgermeister der Stadt Salzgitter

Dauer

seit Juli 2026 · laufend bis zur Wahl am 13.09.2026

Rolle

Konzeption, Entwicklung, Design-Umsetzung und Betrieb (alleinverantwortlich)

Team

1

Kategorie

Webentwicklung

Stack

11 Technologien

links
Live ansehen
tech-stack
Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLThree.js@react-pdf/rendererDockerCoolifyNodemailer
VorigeDBFV NRW VerbandsplattformNächstealexander-mittag.de