Eine Astro + Cloudflare Website Schritt für Schritt erweitern

Wer mit Astro und Cloudflare Pages startet, braucht oft zuerst nur schnelle und sichere statische Seiten.

Mit der Zeit kommen neue Anforderungen hinzu: Bearbeitung im Browser, lokalisierte Seiten, Führung per AI-Chat, Formular-Kontext aus Service-Seiten und Kommentare.

Dieser Artikel ist ein Implementierungsindex: Er hilft zu entscheiden, in welche Schicht eine Funktion gehört, in welcher Reihenfolge sie ergänzt wird und welcher Detailartikel als Nächstes passt. Das Beispiel stammt von der Acecore-Website, das Muster lässt sich aber auf andere Astro + Cloudflare-Websites übertragen.

Kurzfassung

Die Architektur trennt Zuständigkeiten:

Schicht	Zuständigkeit
Astro	Seiten, Blog, OGP, RSS, Sitemap und UI
Cloudflare	Pages, Pages Functions, D1 und Turnstile
GitHub	PRs, CMS-Diffs, Übersetzungen, Historie
Sveltia CMS	Japanische Quelle, Autoren, Tags, Bilder
OpenAI API	Antworten des Kontaktchats
Pagefind	Suchindex für geprüftes statisches HTML

Was statisch sein kann, bleibt statisch. Dynamik wird als kleine API ergänzt.

Kleine APIs auf Cloudflare

AI-Chat und Kommentare folgen demselben Muster.

Astro rendert die UI. Pages Functions bilden die API-Grenze. Secrets, D1 bindings, Turnstile, Origin checks und rate limits bleiben serverseitig.

CMS als Bearbeitungsoberfläche

Sveltia CMS ist keine Runtime-Datenbank. Es erzeugt Git-Änderungen.

Japanische Inhalte, Autoren, Tags, Bilder und JSON-Texte laufen durch PR, Build und Review.

Übersetzung als statischer Inhalt

Lokalisierung ist keine reine Browser-Übersetzung.

Jede Sprache hat eigene URLs, title, description, OGP, JSON-LD, RSS, sitemap und hreflang.

Kontaktwege haben verschiedene Rollen

Der AI-Chat hilft bei der Auswahl. Service-CTAs behalten Kontext. Das Formular erfasst die formelle Anfrage.

AI-Ausgabe ist kein vertrauenswürdiges HTML

Markdown-Links aus der AI werden erst validiert.

Nur Links auf der Allowlist werden als DOM-Elemente gerendert.

Kommentare bleiben in Cloudflare

Die Kommentare nutzen kein externes Widget.

Pages Functions verarbeiten GET/POST, D1 speichert Kommentare und Turnstile schützt Einreichungen.

Nach Ziel lesen

Man muss nicht zuerst alles lesen. Starten Sie mit der Funktion, die Sie ergänzen möchten.

Ziel	Zuerst lesen
Artikel und Bilder im Browser bearbeiten	Sveltia CMS Setup Guide
Mehrsprachige Seiten indexierbar veröffentlichen	Mehrsprachigen Blog mit Sveltia CMS betreiben
Besucher per AI-Chat führen	Technisches Design für den AI-Kontaktchat
Sichere Links in AI-Antworten rendern	Sichere Markdown-Links in AI-Antworten rendern
Service-Kontext an das Formular übergeben	Service-CTA-Kontext an das Formular übergeben
Kommentare ohne externen Dienst ergänzen	Astro-Blogkommentare nur mit Cloudflare umsetzen

Implementierungsreihenfolge

Für eine ähnliche Website ist diese Reihenfolge praktikabel:

1. Statische Seiten, Blog, RSS, Sitemap und OGP mit Astro stabilisieren.
2. Sveltia CMS für die japanische Quelle ergänzen.
3. Lokalisierte Seiten als statisches HTML generieren.
4. AI-Chat-Führung und Service-CTAs ergänzen.
5. Markdown-Links, Formular-Prefill, Origin checks und rate limits absichern.
6. Kommentare erst dann innerhalb von Cloudflare ergänzen, wenn sie wirklich gebraucht werden.

Fazit

Astro + Cloudflare kann eine Unternehmenswebsite erweitern, ohne die Vorteile statischer Auslieferung aufzugeben.

Nutzen Sie diese Seite als Einstieg und ergänzen Sie nur die Teile, die Ihre Website wirklich braucht, ohne die statische Grundlage zu schwächen.