Storyblok & Nuxt BigCommerce Starter

The all-in-one starter kit for high-performance e-commerce sites using Nuxt and BigCommerce integration.

• Demo site: https://storyblok-nuxt-bigcommerce-starter.netlify.app/
• Full tutorial on Storyblok: https://www.storyblok.com/tp/how-to-build-a-storefront-with-nuxt-and-bigcommerce/

Features

• Headless: powered by Nuxt and Storyblok
• Contect your 🛒: E-commerce integration with BigCommerce
• Performant.

Quick Start

Install dependencies:

pnpm install

1. Create a Storyblok Space

Sign up for a free Storyblok account and create a new space. You can also use an existing space.

2. Create a BigCommerce Store

Sign up for a free BigCommerce account and create a new store. You can also use an existing store.

3. Create a BigCommerce API Token

In your BigCommerce store, go to Advanced Settings > API Accounts and create a new API Account. Make sure to give it Modify permissions for Products, Orders, and Customers.

4. Add your BigCommerce API Token and Storefront url to your .env file

# .env
BIGCOMMERCE_TOKEN=YOUR_BIGCOMMERCE_TOKEN
BIGCOMMERCE_URL=https://your-demo-store.mybigcommerce.com

5. Add your Storyblok API Token to your .env variables

# .env
STORYBLOK_API_TOKEN=YOUR_TOKEN

Support

• Bugs or Feature Requests? Submit an issue.
• Do you have questions about Storyblok or you need help? Join our Discord Community.

Contributing

Please see our contributing guidelines and our code of conduct. This project use semantic-release for generate new versions by using commit messages and we use the Angular Convention to naming the commits. Check this question about it in semantic-release FAQ.