To use BigCommerce as an Ecommerce Integration, you'll need to sign up for a BigCommerce account, where you'll be able to create and set up a new BigCommerce Store to use as your Commerce Backend.
What We'll Cover
Setting Up Your Store
To set up your store, create a BigCommerce account. Once you create an account, you will be taken through an onboarding flow that will give you access to a Trial Plan Store.
Creating an API Account
Next, you'll want to create an API Account that will give us the keys we need to authenticate the Next.js Commerce site with BigCommerce.
In your BigCommerce Admin Dashboard, click on Advanced Settings In the sidebar navigation, then click on API Accounts.
From here, create a V2/V3 API Token. Give your API Account a Name and select the API resources your Integration requires access to.
When your done, click Save and a .txt file will be downloaded automatically containing the credentials you'll need to Authenticate your Next.js Commerce site with BigCommerce.
Configuring Next.js Commerce for BigCommerce
If running the Next.js Commerce site locally, you'll want to open your Next.js Commerce project and edit the following Environment Variables in the
If your Next.js Commerce site is deployed to Vercel, you'll want to edit the Environment Variables under the Settings of your deployed site.
- BigCommerce Storefront API URL
- BigCommerce Storefront API Token
- BigCommerce Store API URL
- BigCommerce Store API Token
- BigCommerce Store API Client ID
- BigCommerce Channel ID
You are now ready to start sourcing products from your Shopify store into your Next.js Commerce site.