profound-logoProfound CMS
⌘K
Admin
Theme
DokumenteTutorialBlogPhilosophie
DokumenteTutorialBlogPhilosophie

Hybrid

Parametrisches RoutingKomponenten-TypenSetup server sent events (SSE) content refetchEinrichtung-Admin-Panel-ProxyScripting im Template-BuilderProject ScaffoldingMedienbibliothek

Headless

SchnellstartSplit Screen JSON Component Builder with LLMComponent Zod Pull

REST-API

REST API OverviewgetWebsite mit der CMS-API verbindengetRouten abrufengetRoute abrufengetBlöcke abrufengetBlöcke mit CEL-Cache abrufengetGET /blocks/generatedgetKomponenten abrufengetKomponentenname abrufengetGET /dataset/{schema_name}getGET /content-changes (SSE)patchPATCH /dataset/{schema_name}postNachbearbeitung der ÜbersetzungpatchPatch-ÜbersetzungengetNutzung abrufenpostPOST /csvpatchPATCH /csv
All Systems Operational
Powered Byprofound-logo
Theme

Project Scaffolding

Erstellt ein für Profound CMS vorkonfiguriertes Website-Grundgerüst, entweder mit einem minimalistischen Starter oder einer Vorlage für eine Dokumentationswebsite.

Ein Next.js- / TanStack-App-Grundgerüst für Profound CMS erstellen.

Installieren und ausführen

Verwende Bun, um ein neues Projekt zu erstellen:

bunx create-profound-app <project-name>

Du kannst interaktiv eine Vorlage auswählen oder eine Vorlage explizit angeben:

bunx create-profound-app <project-name> --framework=next/tanstack --template=base/docs

Um die automatische Initialisierung von Git zu überspringen:

bunx create-profound-app <project-name> --no-git

Um die automatische Installation von Abhängigkeiten zu überspringen:

bunx create-profound-app <project-name> --no-install

Nächste Schritte

cd <project-name>
bun dev

Vorlagen

  • base: Minimaler Website-Starter für Profound CMS.
  • docs: Dokumentationsseiten-Starter mit dokumentationsspezifischer UI.

Die Website in Profound CMS erstellen

Die erstellte App benötigt eine Website, auf die sie verweist. Erstelle eine solche im Admin-Panel, bevor du deine Umgebungsvariablen festlegst.

  1. Gehe zum Admin-Panel.
  2. Wenn deine Organisation noch keine Websites hat, gelangst du direkt zum Erstellungsformular. Andernfalls öffnest du das Dropdown-Menü der Organisation oben in der Seitenleiste und wählst Neue Website erstellen.
  3. Gib der Website einen Namen und eine Domain und wähle optional eine Startervorlage aus.
  4. Klicke auf Erstellen. Du gelangst zu /admin/<websiteId> – die ID in dieser URL ist die Website-ID, nach der im nächsten Abschnitt gefragt wird.

Wo erhält man API-KEY und Website-ID?

Im Admin-Panel:

  1. Kopiere die Website-ID über die Schaltfläche „ID kopieren“ auf dem Dashboard
  2. Erstelle einen neuen API-KEY im Bereich Einstellungen > API-Keys

Umgebungsvariablen

Erstelle eine Datei .env.local in deiner generierten Website:

PROFOUND_API_KEY=your_api_key
NEXT_PUBLIC_PROFOUND_WEBSITE_ID=your_website_id
NEXT_PUBLIC_CMS_API_URL=https://cms.dev.tryprofound.com
NEXT_PUBLIC_BUNNY_CDN_URL=https://cms-profound.b-cdn.net

Was passiert dabei?

create-profound-app kopiert eine Vorlage in ein neues Verzeichnis, ersetzt Platzhalter in der Vorlage, beispielsweise den Projektnamen, und initialisiert optional ein Git-Repository sowie die Installation der erforderlichen Abhängigkeiten.

Befehle der generierten Website

Im generierten Projekt lauten die wichtigsten Befehle:

bun dev: Entwicklungsserver starten
bun build: Produktionsversion erstellen
bun start: Produktionsversion ausführen
bun lint: Linting ausführen
bun generate-schemas: CMS-Schemas aus Profound CMS synchronisieren
Continue Reading
Previous‹Scripting im Template-BuilderNextMedienbibliothek›