For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Dev Portal
DocsAPI ReferenceLearnCommunityChangelog
DocsAPI ReferenceLearnCommunityChangelog
  • Overview
    • Quick Start
    • Sandboxes
    • Tools & SDKs
    • Support
  • Docs
      • Getting Started
      • Becoming a Partner
        • Introduction
        • Quick start
        • Optimizing multi-storefront apps
        • Building for Catalyst
      • Metafields
      • Scripts
      • Shipping Providers
      • Tax Providers
    • Archive
    • Closed Beta Programs
Dev Portal
LogoLogo
On this page
  • About BigCommerce apps
  • Discovery
  • Management
  • Display
  • Use cases
  • Integrate with business systems
  • Connect to sales channels
  • Add and manage scripts
  • Create custom widgets
  • Getting started
  • Next steps
  • Resources
  • Sample apps
  • Tools
  • Blog posts
DocsIntegrationsApps

Introduction to Building Apps

Was this page helpful?
Previous

Becoming a Partner

Next

Apps Quick Start

Built with

Using BigCommerce’s powerful APIs, SDKs, and toolkits, developers can build apps that are installable on BigCommerce stores. Once approved, apps can be sold (or made available free of charge) to all BigCommerce merchants on the App Marketplace. This is the first article in a comprehensive developer’s guide to building BigCommerce apps. It provides a brief, high-level introduction for developers new to the platform. If you already have experience developing for BigCommerce, feel free to skip ahead or check out the quick start tutorial.

If you are interested in building Catalyst-compatible apps or integrations, please jump to Building for Catalyst.

About BigCommerce apps

Let’s first take a look at how apps are discovered, displayed, and managed on BigCommerce stores.

Discovery

Approved apps are listed on the App Marketplace for merchants to browse, search, and install.

App Marketplace

Management

Apps installed on a store are managed in the store’s control panel under Apps > My Apps. Here, store users can launch or uninstall the app.

App Management

Display

When a merchant launches an app, BigCommerce makes a request to the app’s /load callback and displays the app’s UI in an iFrame.

App Display

Use cases

What can developers do with BigCommerce apps?

Integrate with business systems

Use BigCommerce APIs to integrate stores with business systems such as the following:

  • ERP systems
  • Order management platforms
  • Accounting software
  • Shipping and Fulfillment services

Learn more about BigCommerce’s APIs.

Connect to sales channels

List products on external sales channels with Channels Toolkit.

Learn more about connecting apps to sales channels.

Add and manage scripts

Create and manage scripts with Scripts API and Script Manager.

Learn more about creating scripts.

Create custom widgets

Create widgets for merchants to install and configure.

Learn more about creating widgets.

Getting started

Here’s how to get started with BigCommerce development:

  1. Create a BigCommerce sandbox store.

  2. Apply to be a Partner to get paid for your apps.

  3. Create a Developer Portal account to register and submit apps.

  4. Join the Developer Community to get help from other BigCommerce developers.

  5. Check out the Marketplace to get inspiration on what to build.

Next steps

  • Decide which type of app to build

  • Start building apps with Node, React, Next.js, and BigDesign

Resources

Sample apps

  • Node / React / Next.js
  • Python / Flask
  • PHP / Silex
  • Ruby / Sinatra
  • Laravel / React

Tools

  • Node API Client
  • Python API Client
  • PHP API Client
  • Ruby API Client
  • Ruby OmniAuth Gem
  • BigDesign Developer Playground
  • Figma Component Library

Blog posts

  • How to Test App Authentication Locally with ngrok (BigCommerce Developer Blog)
  • Building a BigCommerce App Using Laravel and React (BigCommerce Developer Blog)
  • BigDesign Tutorial (BigCommerce Developer Blog)