Anleitung

Anleitung

Deine Site ist konfiguriert und bereit - jetzt geht es an die tägliche Arbeit. Klappe unten ein beliebiges Thema auf, um zu sehen, wie Inhalte durch Stardrive fließen und welche Optionen die stärkeren Funktionen freischalten.

Blogbeiträge schreibenMarkdown-Dateien mit mächtigem Frontmatter

Jeder Blogbeitrag ist eine Markdown-Datei in ./src/content/articles/ (pro Sprache organisiert). Das Frontmatter schaltet die besonderen Funktionen frei:

Frontmatter-Optionen

titlestringerforderlich
Der Titel des Artikels.
publishDatedateerforderlich
Das Veröffentlichungsdatum, für Sortierung und Anzeige.
updateDatedate
Ein optionales „Zuletzt aktualisiert“-Datum.
excerptstring
Ein kurzer Teaser für Listen und Vorschauen.
draftbooleanspeziell
Hält den Beitrag aus dem Produktions-Build heraus, während du daran arbeitest.
featuredbooleanspeziell
Hebt den Beitrag überall dort hervor, wo hervorgehobene Artikel angezeigt werden.
llmsTxtbooleanspeziell
Nimmt den Beitrag in die generierte llms.txt auf (wenn addArticles in der Theme-Konfiguration auf selected steht).
externalCanonicalstringSEO
Verweist die kanonische URL nach außen - ideal für Cross-Posting.
slugstring
Ein sauberer eigener Slug. Sprachcode einschließen, z. B. de/mein-beitrag.
i18nSlugobject
Nur nötig, wenn der Dateiname pro Sprache abweicht. Ordne jeder Sprache ihren Slug zu, z. B. { de: "de/mein-beitrag", en: "en/my-post" }.
image.filePfadlokal
Ein lokales, build-optimiertes Hero-Bild. Referenziere es über den @images/…-Alias, z. B. @images/content/articles/webmcp.jpg (empfohlen).
image.urlstringextern
Eine externe Hero-Bild-URL als Alternative zur lokalen Datei.
image.altstring
Alt-Text für das Hero-Bild.
tagsstring[]
Tags für Filterung und verwandte Inhalte.
categoriesstring[]
Kategorien, zu denen der Artikel gehört.
authorobject
Autor mit name und optionaler url.
tocDepthnumber
Wie viele Überschriftsebenen das Inhaltsverzeichnis umfasst.
src/content/articles/de/webmcp-veraendert-alles.md
---
title: "Wie WebMCP alles verändert"
publishDate: 2026-01-15
excerpt: "Ein kurzer Teaser für Listen und Vorschauen."
draft: false
featured: true
slug: "de/webmcp-veraendert-alles"
externalCanonical: "https://example.com/original-beitrag"
image:
  file: "@images/content/articles/webmcp.jpg"   # lokal, optimiert (empfohlen)
  # url: "https://cdn.example.com/webmcp.jpg"  # externe Alternative
  alt: "Illustration eines KI-Agenten, der Tools nutzt"
tags: ["ai", "webmcp"]
categories: ["engineering"]
---


Hier steht dein Markdown-Text.

Von überall committen

Da Beiträge einfach Dateien sind, kann ein anderes System Markdown in dein Repository committen - jeder Push löst einen frischen Build aus.

Headless-CMS-Option

Du kannst Beiträge dynamisch aus einem Headless-CMS wie Directus oder Strapi ziehen, das erfordert aber größere Anpassungen an der Content-Ebene.

YouTube-Videos einbetten

Füge eine YouTube-URL in einer eigenen Zeile im Markdown-Text ein und Stardrive wandelt sie in ein datenschutzfreundliches (no-cookie) responsives Embed um. Es werden sowohl youtube.com/watch?v=…- als auch youtu.be/…-Links unterstützt; optionale t-, list- und title-Parameter werden durchgereicht. Die Sprache des Besuchers wird automatisch für die Untertitelsprache (cc_lang_pref) verwendet.

Schreibe die URL ohne das https://www-Präfix - eine vollständige URL (z. B. https://www.youtube.com/watch?v=…) wird stattdessen als regulärer externer Link behandelt.

FAQ-Einträge hinzufügenWie Blogbeiträge, nur kürzer

FAQ-Antworten liegen in ./src/content/faq-answers/ als Markdown-Dateien - dieselbe Idee wie Blogbeiträge, aber mit einem schlanken Schema. Die question wird zur Überschrift und der Markdown-Text ist die Antwort.

Frontmatter-Optionen

questionstringerforderlich
Der Fragetext, der im Akkordeon angezeigt wird.
categorystring
Gruppiert den Eintrag, damit er auf der FAQ-Seite gefiltert werden kann.
publishDatedate
Ein optionales Veröffentlichungsdatum.
updateDatedate
Ein optionales „Zuletzt aktualisiert“-Datum.
draftbooleanspeziell
Blendet den Eintrag im Produktions-Build aus.
llmsTxtbooleanspeziell
Nimmt den Eintrag in die generierte llms.txt auf.
src/content/faq-answers/de/self-hosting.md
---
question: "Kann ich Stardrive selbst hosten?"
category: "general"
draft: false
---


Absolut. Stardrive erzeugt standardmäßig eine statische Site und läuft auf jedem Host.
Integrationen hinzufügenZeige, wie dein Produkt mit anderen Diensten verbunden wird

Wann du sie einsetzt

Nutze den Integrationsbereich, wenn dein Produkt mit anderen Diensten kombiniert werden kann - etwa Automatisierungen, Datensync oder native Connectoren. Er bietet Besuchern einen durchsuchbaren Katalog.

Struktur

Die Inhalte liegen in ./src/content/integration-options/. Denke Kategorie zuerst, dann Dienste: Das type-Feld ist die Kategorie - es gruppiert die Einträge und steuert zugleich das Routing (z. B. native, zapier, make, n8n). Jeder Dienst ist dann eine eigene Markdown-Datei innerhalb dieser Kategorie.

Frontmatter-Optionen

typestringerforderlich
Die Kategorie, zu der der Dienst gehört - auch für das Routing genutzt, z. B. native, zapier, make.
servicestringerforderlich
Der Dienstname, z. B. Google Sheets.
titlestringerforderlich
Der Titel der Integration.
descriptionstring
Eine kurze Beschreibung der Integration.
urlstring
Link zu Details oder Einrichtungsseite der Integration.
publishDatedate
Ein optionales Veröffentlichungsdatum.
updateDatedate
Ein optionales „Zuletzt aktualisiert“-Datum.
draftbooleanspeziell
Blendet den Eintrag im Produktions-Build aus.
slugstring
Ein sauberer eigener Slug. Sprachcode einschließen, z. B. de/google-sheets.
i18nSlugobject
Nur nötig, wenn der Dateiname pro Sprache abweicht, z. B. { de: "de/…", en: "en/…" }.
logo.filePfad
Das Dienst-Logo über den @images/…-Alias (nutze ein SVG als komponentenfreundliche Datei).
logo.urlstring
Eine externe Logo-URL als Alternative zur lokalen Datei.
logo.altstring
Alt-Text für das Logo.
src/content/integration-options/de/google-sheets.md
---
type: "native"
service: "Google Sheets"
title: "Daten mit Google Sheets synchronisieren"
description: "Übertrage Datensätze in Echtzeit in eine Tabelle."
url: "https://example.com/integrations/google-sheets"
logo:
  file: "@images/content/integration-options/google-sheets.svg"
  alt: "Google-Sheets-Logo"
---

Gleicher Dienst in mehreren Kategorien

Ein Dienst kann unter mehr als einem type (Kategorie) erscheinen - lege dafür einfach eine Markdown-Datei pro Kategorie an. In diesem Fall müssen die Dateien unterschiedliche Dateinamen haben, sonst kollidieren die Einträge. Gib jedem einen eindeutigen Namen (oder nutze einen Dateinamen mit Hash plus eigenen slug).

PreistabellenFlexible Stufen, Steuern und Abrechnungszeiträume

Noch nicht umgesetzt

Die Preistabelle steht auf der Roadmap. Dieser Abschnitt erklärt das geplante Modell, damit du vorausplanen kannst.

Du wirst pro Stufe unterschiedliche Preise definieren können - monatlich, jährlich undlebenslang - und sie mit oder ohne Steuern anzeigen. Die Darstellung ist vollständig konfigurierbar, du entscheidest also, was Kunden sehen.

Monatlich

Jährlich

Lebenslang

Preise dynamisch beziehen

Wir empfehlen, diese Daten aus einem Backend zu beziehen, das mit einem Anbieter wie Stripe oder Paddle spricht. So lassen sich Steuern dynamisch je nach Standort der Besucher anzeigen.

EventsMarkdown-Events oder Spiegelung aus Add to Calendar PRO

Events funktionieren wie Blogbeiträge: Markdown-Dateien in ./src/content/events/, i18n-fähig, mit Ein-Klick-„Add to Calendar“-Buttons, Zeitzonen und reichhaltigen Detailseiten.

Frontmatter-Optionen

titlestringerforderlich
Der Titel des Events.
publishDatedateerforderlich
Das Veröffentlichungsdatum, für Sortierung und Anzeige.
startDatedateerforderlich
Wann das Event beginnt.
endDatedateerforderlich
Wann das Event endet.
updateDatedate
Ein optionales „Zuletzt aktualisiert“-Datum.
descriptionstring
Kurzbeschreibung für das teilbare Event (nutze den Markdown-Text für mehr Detail).
allDayboolean
Markiert das Event als ganztägig.
timeZonestring
Eine gültige IANA-Zeitzone, z. B. Europe/Berlin.
locationstring
Wo das Event stattfindet.
organizerobject
Organisator mit name und email.
rrulestring
Eine Wiederholungsregel, z. B. FREQ=WEEKLY;BYDAY=MO,WE,FR.
icsFilestring
Verweise auf eine statische .ics-Datei, statt sie dynamisch zu erzeugen.
slugstring
Ein sauberer eigener Slug. Sprachcode einschließen, z. B. de/mein-event.
i18nSlugobject
Nur nötig, wenn der Dateiname pro Sprache abweicht, z. B. { de: "de/…", en: "en/…" }.
draftbooleanspeziell
Hält das Event aus dem Produktions-Build heraus, während du daran arbeitest.
llmsTxtbooleanspeziell
Nimmt das Event in die generierte llms.txt auf.
image.filePfadlokal
Ein lokales, build-optimiertes Bild über den @images/…-Alias.
image.urlstringextern
Eine externe Bild-URL als Alternative zur lokalen Datei.
image.altstring
Alt-Text für das Bild.
src/content/events/de/ai-webinar.md
---
title: "Live-Webinar: Bauen für das KI-Zeitalter"
publishDate: 2026-02-01
startDate: 2026-02-20T17:00:00
endDate: 2026-02-20T18:00:00
timeZone: "Europe/Berlin"
location: "Online"
description: "Nimm an einer praxisnahen Session mit unserem Produktteam teil."
organizer:
  name: "Stardrive-Team"
  email: "events@example.com"
# rrule: "FREQ=WEEKLY;BYDAY=WE"   # optionale Wiederholung
image:
  file: ./webinar.jpg
  alt: "Webinar-Cover"
---


Eine ausführliche Markdown-Beschreibung des Events.

Aus Add to Calendar PRO spiegeln

Alternativ verbindest du Add to Calendar PROmit einem Filter auf eine bestimmte Event-Gruppe. Events werden dann dynamisch in die Seite gespiegelt - das Marketing kann Änderungen in der Web-App vornehmen, ganz ohne erneutes Deployment.

Ideal für Webinare, Firmenveranstaltungen und Investor-Relations-Kalender.