Web App · Next.js · Abschlussprojekt
Mobile Massage – Agent-ready Webpräsenz
Alleinentwicklung · Next.js 16, TypeScript, Tailwind CSS v4, Firebase (Firestore, Auth, Storage), Brevo API, Cal.com, Vercel
Problem & Ziel
Eine komplette Webpräsenz mit dem Funktionsumfang einer kleinen Webagentur – allein umgesetzt: Landing Page, Blog/CMS, kleiner Shop, Kundenlogin, Newsletter (CRM) und Admin-Dashboard. Entwickelt für die geplante mobile Massage-Praxis meines Sohnes.
Herausforderung
Strikte Budget- und Zeitvorgaben: maximal 2 €/Monat, ausschließlich Free-Tier-Dienste, keine laufenden Serverkosten. Zusätzlich als Agent-ready Website (GEO/AEO) ausgelegt – auffindbar und buchbar nicht nur für Menschen, sondern auch für KI-Agenten.
Lösung
AI-First entwickelt: öffentlicher Bereich mit Terminbuchung über Cal.com (inkl. MCP-Schnittstelle für KI-Agenten), Blog mit dynamischem News-Feed aus Firestore, Shop mit Warenkorb, Kundenlogin/-registrierung und Newsletter-Anmeldung. Geschütztes Admin-Dashboard mit Statistiken, Blog-Verwaltung inkl. Bild-Upload und Newsletter-Versand über die Brevo API. Für KI-Auffindbarkeit: strukturierte Daten (schema.org LocalBusiness als JSON-LD) sowie llms.txt und ai.txt.
Ergebnis
Technisch fertig aufgebaut, Budgetziel erreicht (0 € laufende Kosten durch Free-Tier). Live-Gang geplant zum Start des Massage-Angebots nach der Physiotherapie-Ausbildung meines Sohnes (voraussichtlich 2027) – dann mit echten Daten in einem eigenen, nicht-öffentlichen Setup.
Learnings
Ein komplettes Produkt allein liefern – von Architektur über Auth und CRM bis zum Admin-Bereich – und Websites für die nächste Generation von Besuchern bauen: KI-Agenten, die Inhalte finden und Termine buchen können.
Einblicke in das Projekt
