SaaS-Marketing · Multi-Domain · Eigene Lead-, Newsletter- und CRM-Pipeline·Laravel 13 · Filament v4 · Puck · Supabase Postgres · Fly.io EU
fynoAI Website — Marketing-Site mit Puck-Pagebuilder, Newsletter und CRM auf Laravel 13
Die Marketing-Site für unsere Business-Plattform fynoAI — und gleichzeitig ein komplettes Lead-Operating-System. Laravel 13 als Backend, Filament v4 + Filament Shield als Admin, Puck (`@puckeditor/core`) als visueller Page-Builder. Supabase (Managed Postgres, eu-central-1) als Datenbank — bewusst nur Postgres, keine Supabase-Auth/-Storage/-Realtime. Newsletter-Stack (Subscriber · Campaigns · Feedback) über Resend, CRM im Backend (Beta-Requests · Termine · Notizen · Status-Pipeline), Magic-Login für Kollaborateure, First-Party-Analytics mit Crawler-Detect, multilingual über Spatie Translatable, DSGVO-konforme GA4-Tracking-Pipeline. Gehostet auf Fly.io in der EU.

- Kunde
- fynoAI
- Plattform
- Laravel 13 · Filament v4 · Puck · Supabase Postgres · Fly.io EU
- Dauer
- 2025 – heute · Eigenprodukt & laufende Weiterentwicklung
- Website
- Besuchen
01 / Herausforderung
Eine Marketing-Website für ein SaaS-Produkt ist heute keine Broschüre mehr. Sie ist gleichzeitig SEO-Zielseite, Zitat-Quelle für ChatGPT, Perplexity und Claude, mehrsprachige Multi-Domain-Site für AT/DE/global — und vor allem der einzige Ort, an dem Leads das Produkt zum ersten Mal anfassen. Damit wird die Website zum Einlauf-Kanal für die Sales-Pipeline.
Unsere Anforderungen für fynoAI:
- Editierbar ohne Code — Marketing muss Seiten aus Blöcken bauen können, ohne Blade-Templates anzufassen
- Leads first-party — Beta-Anfragen, Kontaktformulare und Newsletter-Signups dürfen nicht in Dritttools wie HubSpot oder Mailchimp verschwinden, sondern in ein eigenes CRM im Admin landen
- Newsletter im eigenen System — Double-Opt-in, Kampagnen-Versand, Feedback- und Bounce-Tracking; kein Mailchimp-Lock-in
- AI-Citation-ready — `llms.txt` und Schema.org JSON-LD, zitierfähige Textstruktur
- Multi-Domain + Multi-Locale — .at / .de / .com mit automatischer Locale-Auflösung, hreflang-Sitemap
- DSGVO-konforme Analytics — GA4 mit Consent Mode v2, Server-Side Measurement Protocol, Bot-Filterung serverseitig
- EU-Hosting durchgängig — Web, Datenbank und Mail in der EU, kein US-Hyperscaler, keine Schrems-II-Grauzone
02 / Lösung
Laravel 13 als Backend — bewusst nicht Next.js, WordPress oder Webflow. Laravel bringt Filament v4 als Admin, Blade-Rendering für SSR, Queues, Mail-Stack und Migrations — alles an einem Ort. Eine Codebasis, ein Framework, kein zweites Toolset zum Warten.
Filament v4 + Filament Shield als Admin. Redaktion, Pages, Newsletter, CRM, Redirects, Glossar und Site-Settings laufen im Filament-Panel. Filament Shield liefert Rollen und granulare Abilities pro Resource (Marketing kann Pages editieren, Sales sieht nur die CRM-Resources, Dev hat alles). Spatie Permission unter der Haube.
Puck als visueller Page-Builder. Wir setzen `@puckeditor/core` (React, eingebettet im Filament-Admin) als Drag-and-Drop-Editor ein. Redakteure bauen Seiten aus Blöcken — Hero, Pillar, Bento, FAQ, Feature-Grid, Module, CTA. Das Ergebnis ist kein Shortcode-Chaos, sondern strukturiertes Block-JSON, das in `page_versions` versioniert liegt (inklusive Rollback). Beim Request rendert Laravel daraus 100 % server-generiertes Blade-HTML mit Alpine.js für kleine Interaktionen.
Supabase als Managed Postgres — nichts darüber hinaus. Produktions-DB läuft in Supabase (`eu-central-1`), der Laravel-Container verbindet sich direkt über den Connection Pooler (Session Mode für Migrations, Transaction Mode für Web). Nicht im Einsatz: Supabase Auth, Storage, Realtime, Edge Functions oder REST — die Auth macht Laravel, Media liegt in Spatie Media Library. Der Vorteil: verwaltete Postgres mit Backups und Pooler, ohne sich an ein proprietäres Supabase-SDK zu binden.
Newsletter-Stack im eigenen System. Die Tabellen `newsletter_subscribers`, `newsletter_campaigns`, `newsletter_feedback` und `email_logs` decken Double-Opt-in, Kampagnen, Empfänger-Feedback und Delivery-Logs ab. Versand über Resend Laravel, Templates als Blade-Mails. Ergebnis: Die Abonnentenliste ist unser Asset, nicht Mailchimps.
CRM im Admin. Beta-Anfragen, Kontakt-Messages und Lead-Flows fließen in `beta_requests` → Status-Pipeline (`crm_status_changes`) → Termine (`crm_appointments`) → Notizen (`crm_notes`). Zuweisung an User, Spatie Activity Log als Audit-Trail, Magic-Login-Tokens für Kollaborateure ohne Password-Setup. Jeder Lead ist nachvollziehbar, keine Schatten-Tabelle in Notion.
First-Party-Analytics + GA4 Consent Mode v2. `page_visits` und `page_events` laufen direkt in die eigene Postgres, `jaybizzle/crawler-detect` filtert Bots serverseitig, bevor etwas geloggt wird. Parallel läuft GA4 mit Consent Mode v2 und Server-Side Measurement Protocol über einen eigenen Subdomain-Endpunkt. Cookie-Banner nur für die Kategorien, die wirklich nötig sind — Default: privacy-first.
Multi-Domain, Multi-Locale, AI-Citation. `mcamara/laravel-localization` auf URL-Ebene, Spatie Translatable auf Model-Ebene (alle Content-Felder übersetzbar), Spatie Sitemap für hreflang-Maps, Spatie Schema-Org für JSON-LD (Organization, SoftwareApplication, FAQPage). Dazu eigene `llms.txt` und `llms-full.txt` pro Seite für ChatGPT / Perplexity / Claude als Zitat-Quellen.
Deployment auf Fly.io in der EU. Dockerisierter Laravel-Container, Vite + Tailwind v4 im Build, Queue-Worker für Versand und Webhooks, Resend für Transactional Mail, Spatie Media Library für Asset-Management. Deploy-basierter Rollback, kein US-Hyperscaler, kein Third-Party-CDN-Risiko für Cookie-Tracking.
03 / Technologie-Stack
Backend
Admin & Editor
Newsletter & CRM
SEO & AI-Citation
Mehrsprachigkeit
Analytics
Daten & Storage
Auth & Security
Hosting & Mail
Compliance
04 / Umgesetzte Features
Filament v4 + Puck
Redaktion im Filament-Admin, visuelle Seiten im Puck-Builder. Keine Shortcodes, keine Plugin-Konflikte.
Newsletter & CRM in-house
Subscribers, Kampagnen, Feedback, Beta-Requests, Termine, Notizen — alles im Filament-Admin, keine Drittwerkzeuge.
Supabase als Managed Postgres
Nur Datenbank in `eu-central-1`, Laravel macht Auth und Storage. Backups und Pooler ohne SDK-Lock-in.
AI-Citation-ready
`llms.txt`, Schema-Org und Spatie-Sitemap — Basis für Zitate in Claude, ChatGPT und Perplexity.
Multi-Domain .at/.de/.com
Domain steuert Locale, hreflang-Sitemap automatisch, Content-Felder über Spatie Translatable.
Consent Mode v2 + EU-Hosting
GA4 DSGVO-konform, Server-Side Tracking, Fly.io EU, Crawler-Detect für saubere Analytics — kein Schrems-II-Risiko.
05 / Ergebnisse
Content & Redaktion
- Filament v4 + Shield — Pages, Blogposts, Navigation, Redirects, Site-Settings mit rollenbasierten Abilities
- Puck-Page-Builder — Drag-&-Drop für Marketing, ganz ohne Code
- Block-JSON in `page_versions` — Versionsverlauf, Rollback und Preview je Page
- Multi-Domain .at/.de/.com mit automatischer Locale-Auflösung
Lead-, Newsletter- & CRM-Pipeline
- Newsletter-System in-house — Double-Opt-in, Kampagnen, Feedback, `email_logs`
- CRM im Admin — Beta-Requests, Termine, Notizen, Status-Pipeline, Activity-Log
- Magic-Login-Tokens für Kollaborateure — kein Password-Setup nötig
- Leads bleiben First-Party — kein Mailchimp-/HubSpot-Lock-in
SEO, AI-Citation & Performance
- `llms.txt` + `llms-full.txt` pro Seite — AI-Citation-ready
- Spatie Schema-Org JSON-LD und Spatie Sitemap mit hreflang
- 100 % Blade-Server-Rendering + Alpine.js — stabile Core Web Vitals
- Spatie Translatable — alle Content-Felder mehrsprachig
Hosting, Daten & Compliance
- Supabase Managed Postgres in `eu-central-1` — nur DB, kein proprietäres SDK
- GA4 mit Consent Mode v2 + Server-Side Measurement Protocol
- Fly.io EU · Docker · Queue-Worker · Resend · deploy-basierter Rollback
- Crawler-Detect filtert Bots serverseitig, bevor Events geloggt werden
Warum das für clickpuls-Kunden zählt
Die fynoAI-Website ist unsere Arbeitsprobe für Laravel-getriebene Marketing-Sites mit Filament-Admin, visuellem Page-Builder und eigener Lead-/Newsletter-/CRM-Pipeline. Jedes Muster — AI-Citation, Multi-Domain, Consent-konforme Analytics, server-rendered Blöcke, First-Party-Leads — kommt 1:1 in Kundenprojekten zum Einsatz, wo WordPress, Webflow oder Headless-Stacks zu klein oder zu fragil werden.
Passende Leistungen
Fragen zum Projekt.
Worum ging es im Projekt fynoAI Website — Marketing-Site mit Puck-Pagebuilder, Newsletter und CRM auf Laravel 13?
Das Projekt für fynoAI im Bereich SaaS-Marketing · Multi-Domain · Eigene Lead-, Newsletter- und CRM-Pipeline zeigt, wie clickpuls Strategie, Design, Technik und Umsetzung in einem konkreten digitalen Vorhaben verbunden hat.
Welche Plattform oder Technologie wurde bei fynoAI eingesetzt?
Im Projekt wurde mit Laravel 13 · Filament v4 · Puck · Supabase Postgres · Fly.io EU gearbeitet. Die technische Auswahl orientierte sich an Ziel, bestehender Systemlandschaft, Wartbarkeit und den Anforderungen des Kunden.
Wie lange dauerte das Projekt mit fynoAI?
Die Projektlaufzeit war 2025 – heute · Eigenprodukt & laufende Weiterentwicklung. Umfang, Abstimmungen, Inhalte, technische Integrationen und Freigaben beeinflussen die konkrete Dauer vergleichbarer Projekte.
Kann clickpuls ein ähnliches Projekt umsetzen?
Ja. Wenn Ziel, Scope und Budgetrahmen passen, kann clickpuls ähnliche Projekte in Webentwicklung, E-Commerce, WordPress, Shopify, Marketing, Markenstrategie oder Software-Entwicklung umsetzen.
