Portfolio, Buchungssystem und CoAct-Integration. Alles selbst gebaut.
Überblick
r2rstudio.de ist Portfolio, Betriebssystem und Produktdemo in einem. Die Website wurde mit Next.js 16, React Three Fiber, GSAP und Framer Motion gebaut und ist direkt mit r2r.CoAct verbunden: Kontaktanfragen und Buchungen von der Website landen automatisch in der Desktop-Software. Kein manuelles Übertragen, kein Datenverlust an der Schnittstelle.
Die Herausforderung
Als Freelancer braucht man eine Website die nicht nur gut aussieht, sondern als vollständiges Betriebssystem funktioniert: Anfragen annehmen, Buchungen verwalten, Verfügbarkeit steuern, Analytics einsehen, alles nahtlos verbunden mit der eigenen Business-Software.
Wie wir dorthin kamen
Next.js 16 App Router mit Turbopack, Tailwind CSS v4 (@theme statt Config-Datei), Framer Motion v12, GSAP ScrollTrigger, React Three Fiber für die 3D-Hero-Szene, Lenis für Smooth Scroll. Das Backend läuft auf Supabase: Buchungen, Kontaktanfragen, Site Settings und Analytics in einer Datenbank. r2r.CoAct liest diese Daten per Desktop-App direkt aus. Der vollständige Workflow läuft damit durch eine einzige Plattform.
Das Ergebnis
Eine Seite die für neue Projekte wirbt und gleichzeitig zeigt was technisch möglich ist. Dark Industrial Design, volle Mobile-Optimierung, SSG mit statischen Params für alle Locales und Projekte, OG-Image-Generator zur Laufzeit, vollständiger Admin-Bereich. Das Herzstück: die direkte Integration mit r2r.CoAct.