Next.js Commerce with BigCommerce

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

Creating an API Account

Configuring Next.js Commerce for BigCommerce

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 .env.local.

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.

  1. BigCommerce Storefront API URL
  2. BigCommerce Storefront API Token
  3. BigCommerce Store API URL
  4. BigCommerce Store API Token
  5. BigCommerce Store API Client ID
  6. BigCommerce Channel ID


You are now ready to start sourcing products from your Shopify store into your Next.js Commerce site.


1 out of 1 found this helpful



Please sign in to leave a comment.