Skip to main content
Use these steps once, then follow any framework guide. The code examples assume the exact names and slugs below.

1. Get an API token

  1. Open Settings → API Tokens in the ButterCMS dashboard.
  2. Copy your Read API Token.

2. Create a Page Type (Landing Page)

  1. Go to Content Types → Page Types → +.
  2. Add fields:
    • Short Text: headline
    • Long Text: subheadline
    • Media: hero_image
    • WYSIWYG: body
  3. Click Create Page Type and name it Landing Page (slug: landing-page).

3. Create a Page

  1. Go to Pages → New Page → Landing Page.
  2. Title: Home (slug becomes home).
  3. Fill fields and Publish.

4. Create a Collection (Brands)

  1. Go to Content Types → Collections → +.
  2. Add fields:
    • Short Text: name
    • Media: logo
    • WYSIWYG: description
  3. Click Create Collection and name it Brands (key: brands).

5. Add Collection items

  1. After saving, add a few brand items.
  2. Use Collections → Brands → + to add more.

6. Optional: create a Component (Hero)

  1. Go to Content Types → Components → +.
  2. Create a Hero component with:
    • Short Text: title
    • Long Text: subtitle
    • Media: image
  3. Add this component to your Landing Page Page Type.