Bootstrapping Contentful

Bootstrapping Contentful

Vue Storefront ships with a set of Contentful Content Types matching our out-of-the-box frontend components. Here you will learn how to import them into your Contentful space.

Good to know

This guide assumes you had completed your frontend application setup by following either of the guides on bootstrapping Nuxt or Next.

If you've followed one of the guides on setting up your frontend application, you've already used our CLI tool for CMS integrations. It copied all of the required frontend components into your project along with a JSON file containing the default Content Type schemas provided by Vue Storefront.

└── schemas
    └── schemas.json

The JSON file has been exported from Vue Storefront's internal Contentful space. It contains the latest version of Content Type schemas meant to be used with the integration's frontend components. The easiest way to import them into your own Contentful space is using the CLI tool provided by Contentful:

contentful space import --space-id <your-space-id> --content-file ./schemas.json

A step-by-step guide explaining how to do it can be found here. Once done, the default Content Types should appear under the Content model tab in your Contentful space.

default content types