Documentation

Inhalte anpassen

Backend Inhalte

  • Produkte
  • Kategorien
  • Medien

Frontend Inhale

  • Text
  • UI Komponenten

Nuxt Content

Um Texte und UI Komponenten zu verwalten verwenden wir Nuxt Content. Offizielle Nuxt Content Dokumentation

Strucute

Das sind die Standard CMS seiten die bereits vorhanden sind:

content/
├── index.yaml
├── navigation.yaml
├── impressum.md
└── unternehmen/
    ├── agb.md
    ├── datenschutz.md
    └── zahlung-und-versand.md

Du kannst natürlich weitere erstellen und/oder diese überschreiben. Du willst bestimmt den Inhalt deiner Startseite überschreiben. Dafür gehst du wie folgt for:

  1. Erstelle die obligatoische content.config.ts Datei mit dem Inhalt:
export { default } from '@shopbite-de/storefront/content.config'
export * from '@shopbite-de/storefront/content.config'
  1. Erstelle eine neue Datei in deinem Content Ordner. Zum Beispiel /content/index.yml
  2. Schau dir die orginial Datei an.
  3. Kopiere den Inhalt in deine neue Datei und überschreibe die Inhalte

Du kannst natürlich auch die komplette content Konfiguration mit samt der Datenobjekten überschreiben und ganz eigene Inhalte und Strukturen erstellen, falls du deine Startseite von grundauf neu designend möchtest.

Möchtest du weitrere landingpages erstellen, kannst du auch tun. Indem du eine Markdown Datei in deinem content Ordner erstellst. Die Datei kann sich irgendwo im Ordner befinden. Die Dateistrukutr wird auch im URL Pfard widergespiegelt.

Zum Beispiel:

  • content/meine-landing-page.md --> https://shop.de/meine-landing-page
  • content/unterseite/landing-page-2.md --> https://shop.de/unterseite/unterseiten-landing-page-2

UI Komponenten (Nuxt UI)

Du kannst in den Markdown Dateien auch UI Komponenten verwenden. Du kannst grundsätzlich alle UI Komponent von Nuxt UI verwenden.

Weitere Informationen, auch bezüglich von Styling, findest du in der Offiziellen Doku