Artikel ·
Folge 019: Impressum, Datenschutz, ENV und CMS-Komponenten
Rechtstexte per Agent, Kontakt-E-Mail als Secret, Separator und Artikel-Listing redaktionell, Glossar-Seite im Aufbau.
Impressum und Datenschutz für einen in Deutschland betriebenen Auftritt, gehostet auf Cloudflare, mit den Tools aus dem Projekt: das kann der Agent ausformulieren, du prüfst Inhalt und Ton. Footer-Platzierung und erste Seiten: Folge 003. Kontakt-E-Mail gehört nicht als Klartext ins öffentliche Repo.
E-Mail schützen
Öffentliches GitHub bedeutet: jede Adresse im Code ist scrapebar. Stattdessen:
- Cloudflare Pages → dein Projekt → Settings → Variables and Secrets: z. B.
CONTACT_EMAILals Secret. - Lokal dieselbe Variable in
.env(liegt in.gitignore), z. B.CONTACT_EMAIL=du@example.de. - Build (
npm run build; Node/npm: Folge 018) und Dev-Server lesen die Variable; lokal testest du mit dem gleichen Befehl wie in Production. die Impressums-Komponente rendert einenmailto:-Link ohne die Adresse im Markdown zu committen.
Kurz: ENV = Umgebungsvariablen, getrennt für lokal und Production.
Separator im CMS
Neue Komponente im Seiten-/Artikel-Editor des CMS: Trennlinie mit Höhe (1 dezent, 10 kräftig) und Breite in Prozent (z. B. 50 % zentriert). Optional später: Farbe aus der Design-Palette, Standard ein dezentes Grau. Einfügen, verschieben, löschen wie bei Bildern.
Artikel-Listing gezielt einsetzen
Statt fest verdrahteter Listen auf der Artikel-Route: Block Artikel-Listing im Inhalt. Beispiele aus dem Transkript:
- Startseite: letzte drei, neueste zuerst, Grid, drei Spalten.
- Seite „Artikel“: alle Einträge (
limitnull), neueste oder älteste zuerst, eine Spalte, Kartenstil ähnlich Startseite oder Liste ohne Karte.
Im CMS explizit sagen, in welcher Collection (Seiten vs. Artikel vs. Glossar) der Block verfügbar sein soll (Folge 004 erklärt das Modell).
Glossar und Bilder
Glossar-Begriffe können vom Agenten vorbefüllt werden; Glossar-Listing auf einer eigenen Seite (Menüpunkt „Glossar“) war noch To-do. Hintergrundbilder lieber lokal im Repo statt Hotlink (z. B. Platzhalter-Dienste): weniger Ladezeit, weniger Drittanfragen, datenschutzfreundlicher.
Text-Stil nachziehen
Nach dem großen Artikel-Import (Folge 016): Issue an den Agenten, Gedankenstriche in der Prosa zu reduzieren (im Transkript: grob von sehr vielen auf wenige siteweit). Rechtstexte: unnötige Standard-Abschnitte raus, wenn sie nicht zum Setup passen.