Documentation

Customizing Content

Backend Content

  • Products
  • Categories
  • Media

Frontend Content

  • Text
  • UI Components

Nuxt Content

To manage text and UI components, we use Nuxt Content. Official Nuxt Content Documentation

Structure

These are the default CMS pages that are already available:

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

You can of course create more and/or override these. You probably want to override the content of your homepage. To do this, proceed as follows:

  1. Create the mandatory content.config.ts file with the content:
export { default } from '@shopbite-de/storefront/content.config'
export * from '@shopbite-de/storefront/content.config'
  1. Create a new file in your content folder. For example /content/index.yml
  2. Look at the original file.
  3. Copy the content into your new file and override the content

You can of course also completely override the content configuration including the data objects and create your own content and structures if you want to redesign your homepage from scratch.

If you want to create additional landing pages, you can do so. By creating a Markdown file in your content folder. The file can be located anywhere in the folder. The file structure is also reflected in the URL path.

For example:

  • 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 Components (Nuxt UI)

You can also use UI components in the Markdown files. You can basically use all UI components from Nuxt UI.

For more information, including styling, see the Official Documentation