Ausgangslage

IHRE PC ENGEL ist ein IT-Service-Unternehmen aus Hamburg, das seit über 20 Jahren Privatkunden und kleine Unternehmen betreut. Das Angebot reicht von PC-Reparatur und Fernwartung bis hin zum eigenen Computer Club mit Mitgliedschaften.

Das Problem: Die gesamte digitale Infrastruktur war veraltet. Eine WordPress-Seite, die langsam und schwer zu pflegen war. Abrechnungen liefen manuell über Excel. Die Mitgliederverwaltung des Computer Clubs war ein Chaos aus E-Mails und Tabellen. Und der Lighthouse-Score? Irgendwo bei 30.

Die Herausforderung

Ein Unternehmen mit über 20 Jahren Geschichte komplett digital neu aufzustellen — ohne den laufenden Betrieb zu unterbrechen. Konkret bedeutete das:

WordPress-Seite auf moderne Technologie migrieren
Automatisierte Abrechnungsstruktur aufbauen (FastBill-Integration)
Mitgliederverwaltung für den Computer Club digitalisieren
Payment-System für Mitgliedschaften (Stripe)
E-Mail-Kommunikation automatisieren (Resend)
Fernwartungs-Integration für effizienten Support
Alles DSGVO-konform

Die Lösung

Kompletter Neubau auf Next.js 16 mit Supabase als Backend. Statt Stück für Stück zu migrieren, haben wir die Seite von Grund auf neu gedacht — mit dem Vorteil, dass 20 Jahre Erfahrung in die Anforderungen eingeflossen sind.

Technische Architektur

Frontend: Next.js 16 mit App Router, TypeScript, Tailwind CSS
Backend: Supabase (PostgreSQL, Auth, Row Level Security)
Abrechnung: FastBill-API für automatisierte Rechnungsstellung
Payments: Stripe für Mitgliedsbeiträge und Einmalzahlungen
E-Mail: Resend für transaktionale E-Mails und Benachrichtigungen
Hosting: Vercel mit Edge Functions

Abrechnungsstruktur

Das Herzstück der Lösung: Eine vollautomatisierte Abrechnung, die verschiedene Servicemodelle abbildet — vom Einzelauftrag bis zur Computer-Club-Mitgliedschaft. Rechnungen werden automatisch erstellt, versendet und mit dem Zahlungseingang abgeglichen.

Mitgliederverwaltung

Der Computer Club mit seinen verschiedenen Mitgliedschaftsmodellen läuft jetzt komplett digital: Anmeldung, Verwaltung, Beitragszahlung und Kommunikation — alles über ein System.

Ergebnisse

Lighthouse-Score: Von ~30 auf 95+ — in allen Kategorien
Verwaltungsaufwand: 10+ Stunden pro Woche eingespart durch Automatisierung
Abrechnungsfehler: Praktisch null — automatisierte Prozesse statt manueller Excel-Tabellen
Ladezeit: Von 4+ Sekunden auf unter 1 Sekunde
Mobile-Nutzung: Responsive Design — vorher auf Mobilgeräten kaum nutzbar

Warum Next.js statt WordPress?

WordPress ist großartig für Blogs und einfache Websites. Aber für ein Unternehmen mit integrierten Geschäftsprozessen (Abrechnung, Mitgliederverwaltung, CRM) ist es die falsche Plattform. Die Plugin-Hölle, Sicherheitsrisiken und Performance-Probleme von WordPress werden mit jedem Custom-Feature schlimmer.

Next.js bietet: Server-Side Rendering für SEO, API-Routes für Backend-Logik, TypeScript für Typsicherheit, und ein Ökosystem, das für genau solche Anwendungsfälle gebaut wurde.

Fazit

Ein 20 Jahre altes Unternehmen digital neu aufzustellen ist kein Hexenwerk — wenn man die richtigen Werkzeuge und einen klaren Plan hat. Der Schlüssel war, nicht einfach die alte Seite nachzubauen, sondern die Chance zu nutzen, um Geschäftsprozesse grundlegend zu verbessern.