4 Slots Q2/26

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.

fynoAI Website — Marketing-Site mit Puck-Pagebuilder, Newsletter und CRM auf Laravel 13 — fynoAI
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

Laravel 13PHP 8.3+Blade Server-RenderingAlpine.jsEloquent ORMQueue Workers

Admin & Editor

Filament v4Filament Shield (Roles + Abilities)@puckeditor/core (React)Block-JSON in page_versionsVersionsverlauf + Rollback

Newsletter & CRM

newsletter_subscribers / campaigns / feedbackemail_logsbeta_requests · crm_appointments · crm_notes · crm_status_changesMagicLoginTokenSpatie Activity Log

SEO & AI-Citation

Spatie Sitemap (hreflang)Spatie Schema-Org JSON-LDllms.txt + llms-full.txtCanonical URLs je Domain

Mehrsprachigkeit

mcamara/laravel-localizationSpatie TranslatableMulti-Domain (.at/.de/.com)Locale-Auflösung je Host

Analytics

page_visits / page_events (first-party)jaybizzle/crawler-detectGA4 mit Consent Mode v2Server-Side Measurement Protocol

Daten & Storage

Supabase Managed Postgres (eu-central-1)Connection Pooler (Session/Transaction Mode)Spatie Media LibraryRedis (Cache + Queue)

Auth & Security

Laravel Sessions + Filament LoginLaravel SanctumSpatie PermissionFilament Shield

Hosting & Mail

Fly.io (EU-Regionen)DockerResend (Transactional + Kampagnen)Vite + Tailwind v4Deploy-basierter Rollback

Compliance

DSGVOConsent Mode v2EU-DatenhaltungKein US-CDNActivity-Log als Audit-Trail

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

Häufige Fragen

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.

Ähnliches Projekt? Sprechen wir darüber.

Kontakt aufnehmen
Jetzt anfragen