For AI agents: a documentation index is available at the root level at /llms.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
LogoLogo
Dev Portal
DocsAPI ReferenceLearnCommunityChangelog
DocsAPI ReferenceLearnCommunityChangelog
    • Overview
  • Learning Plans
    • Developer Foundations
    • Composable Developer
    • Stencil Developer
    • B2B Developer
  • Courses
    • Learning Changelog
  • Overview
  • Learning Plans
  • Developer Foundations
  • Composable Developer
  • Stencil Developer
  • B2B Developer
  • Courses
  • Course Overview and Prerequisites
  • Open SaaS
  • Admin APIs
  • Storefront APIs
  • Account-level APIs
  • Provider APIs
  • Front-end Tools
  • Webhooks
  • Single-Click Apps
  • Example Scenarios
  • Best Practices
  • Conclusion
  • Course Overview and Prerequisites
  • Catalog API
  • Getting Started
  • Lab - Getting Started
  • Working with Products
  • Lab - Working with Products
  • Variants, Variant Options, and Modifier Options
  • Lab - Variants, Variant Options, and Modifier Options
  • Brands and Categories
  • Lab - Brands and Categories
  • Images, Videos, and Custom Fields
  • Lab - Images, Videos, and Custom Fields
  • Bulk Pricing Rules
  • Lab - Bulk Pricing Rules
  • Complex Rules
  • Lab - Complex Rules
  • Metafields and Product Reviews
  • Lab - Metafields and Product Reviews
  • Price Lists
  • Lab - Price Lists
  • Conclusion
  • Course Overview and Prerequisites
  • What is GraphQL?
  • What is the GraphQL Storefront API?
  • Lab - See it in Action!
  • BigCommerce GraphQL Tools
  • Authentication
  • Querying Within a BigCommerce Storefront
  • Querying From External Systems
  • Lab - Authentication and Postman Setup
  • GraphQL Request Structure
  • Pagination
  • Complexity Limits
  • Lab - Building Queries
  • BigCommerce Example Queries
  • Lab - Query Practice
  • Lab - Create a Catalog Flow in Postman
  • Faceted and Textual Search
  • Site Content
  • Lab - Query Practice
  • Lab - Create a Search and Filter Flow in Postman
  • Cart and Checkout
  • Lab - Query Practice
  • Lab - Create a Cart and Checkout Flow in Postman
  • Optional Lab - Complete Checkout Flow with Payment
  • Customer Management
  • Lab - Query Practice
  • Lab - Create a Customer Flow in Postman
  • Conclusion
  • Course Overview and Prerequisites
  • BigCommerce Storefronts
  • About Stencil
  • Lab - Getting Started with the Stencil CLI
  • Structure and Conventions
  • Templates
  • Lab - Add a Subcategory Listing in Stencil
  • Lab - Bundle and Upload a Theme
  • What Is Catalyst?
  • Lab - Getting Started with Catalyst
  • Structure and Conventions
  • The API Client
  • Components and Theming
  • Performance Checklist
  • Lab - Add a Subcategory Listing in Catalyst
  • Conclusion
  • Course Overview and Prerequisites
  • Composable Commerce and Headless Storefronts
  • The GraphQL Storefront API
  • Client-Side and Server-Side Workflow
  • Catalyst
  • Managing Channels
  • Lab - Configure API Credentials and Channel
  • Channel Sites and Routes
  • Channel Strategies and Stencil
  • Lab - Set Up a Next.js Frontend
  • Working with Categories
  • Product, Category, and Brand Routes
  • Working with Product Lists
  • Lab - Build Basic Catalog Pages
  • The Search Query
  • Routing Strategies
  • Creating and Maintaining a Cart Session
  • Managing Cart Items
  • Redirected Checkout
  • Lab - Build a Basic Cart Workflow
  • Dealing with Product Options
  • Customer Account Creation
  • Customer Login and Request Context
  • Maintaining the Customer Session
  • Lab - Build Customer Registration
  • Other Customer Operations
  • Conclusion
  • Course Overview and Prerequisites
  • What Is Catalyst?
  • One-Click Catalyst
  • The Development Environment
  • Lab - Set Up a Catalyst Project
  • React and Next.js
  • Routing
  • The API Client
  • Components and Theming
  • Performance Checklist
  • Lab - Product FAQ Project Setup
  • Lab - Custom GraphQL and Basic Components
  • Lab - Server Actions and Built-in Components
  • Internationalization
  • Handling Images
  • Customer Session Management
  • Deploying Your Catalyst Storefront
  • Lab - Deploy Catalyst to Vercel
  • Conclusion
  • Course Overview and Prerequisites
  • What is Makeswift?
  • Catalyst
  • Lab - Install
  • Sites and Templates
  • The Makeswift Editor
  • React and Next.js
  • Runtime and Client
  • Routing and Layout
  • The Makeswift Approach
  • Controls
  • Checklist
  • Best Practices
  • Lab - Third-Party Component
  • Lab - Team Members
  • Theming Catalyst
  • Built-in Elements
  • Integration
  • BigCommerce Data
  • Lab - Product FAQs
  • Conclusion
  • Course Overview and Prerequisites
  • What Is Stencil?
  • Lab - Getting Started
  • Stencil Theme File Structure
  • Lab - Edit config.json File
  • Lab - Customize Components
  • Lab - Customize Layout and Pages
  • Lab - Customize Assets
  • Lab - Add a Custom Font Bundled with the Theme
  • Lab - Language File
  • Lab - Theme Editor Text Fields
  • Lab - Debugging Your Stencil Theme
  • About Bundling and Uploading a Theme
  • Lab - Bundling a Theme
  • Lab - Uploading a Theme
  • Conclusion
  • Course Overview
  • Best Practice
  • BigCommerce Stencil Technology Stack
  • Handlebars
  • Stencil Objects
  • YAML Front Matter
  • Front Matter Objects
  • Page Composition and Styling
  • Custom Templates
  • Lab Activity: Create a Custom Template
  • Using JavaScript in a Stencil Theme
  • Customizing JavaScript
  • Event Hooks
  • Lab Activity: Adding Data Tags
  • Rendering HTML with Ajax
  • Remote API Tutorial
  • Lab Activity: Add React Components with NPM
  • Naming Your Theme and Theme Variations
  • Theme's Size
  • Lab Activity: Bundling a Customized Theme
  • Lab Activity: Bundle & Push the Stencil Theme
  • Troubleshooting 101 Theme Uploads
  • Version Control and Theme Updates
  • Mini Use Case - Create a Customized Field
  • Create Custom BigCommerce Templates with React in Stencil
  • Build a Bulk Order Form for BigCommerce Product Variants
  • BigCommerce Developer Tools
  • Conclusion
  • Course Overview and Prerequisites
  • Widgets API
  • Lab - Getting Started
  • Regions
  • Lab - Regions
  • Widget Templates
  • Lab - Widget Template
  • Widget UI Schema
  • Lab - Create a Widget Template for Static Content
  • Lab - Using an Array in a Schema
  • Widgets
  • Widget Versioning
  • Lab - Widgets
  • Placements
  • Lab - Placements
  • Third-Party Widgets and Page Builder
  • Lab - Widgets and Page Builder
  • GraphQL
  • Lab - Create a Widget Template to display Dynamic Data
  • Review and Summary
  • Resources
  • Conclusion
  • Course Overview and Prerequisites
  • Introduction to B2B Edition
  • Buyer Portal
  • B2B GraphQL API
  • Multi-Storefront
  • Authentication
  • Lab - API Account and Postman Setup
  • Company Entities and Relationships
  • REST API - Company Management
  • REST API - Company Settings
  • Lab - Postman Company Management Workflow
  • Purchasing Entities and Relationships
  • REST API - Shopping Lists and Quotes
  • REST API - Orders, Invoices, and Payments
  • Lab - Postman Quote and Order Workflow
  • Lab - Postman Invoices and Payments Workflow
  • User Types and Relationships
  • REST API - Specialized Users
  • Conclusion
  • Course Overview and Prerequisites
  • Introduction to B2B GraphQL
  • Authentication
  • Common Conventions
  • Companies and Addresses
  • Users
  • Credit and Payment Terms
  • Lab - Postman Registration/Login Workflow
  • Lab - Postman Company Management Workflow
  • Quotes
  • Shopping Lists
  • Lab - Postman Quote Workflow
  • Orders
  • Invoices
  • Payments and Receipts
  • Lab - Postman Order and Payment Workflow
  • Super Admins
  • Conclusion
  • Course Overview
  • Introduction to the Buyer Portal
  • Architecture Basics
  • Interacting with the Hosted Portal
  • Lab - Create a Mini App
  • Lab - Add Header Links
  • The JavaScript API
  • Lab - Add Dynamic Data
  • The Open Source Buyer Portal
  • Lab - Set Up a Custom Buyer Portal
  • Routing and Navigation
  • Lab - Add an Overview Page
  • Component Structure
  • Lab - Building Blocks
  • Lab - Theming
  • Querying in the Buyer Portal
  • Lab - Add Dynamic Data
  • Authentication Flow
  • Global State
  • Lab - Add a Redux Slice
  • Connecting to Third-Party Systems
  • Lab - Simulate a CRM Integration
  • Lab - Deploying Your Buyer Portal
  • Appendix: Catalyst
  • Conclusion
  • Course Overview and Prerequisites
  • Set Up REST Client (Postman) - Hands-on Lab
  • Management API
  • Cart API
  • Checkout API
  • Payments API
  • Cart API - Hands-on Lab
  • Checkout API - Hands-on Lab
  • Payments API - Hands-on Lab
  • Orders API
  • Orders
  • Order Status
  • Order Shipping Address
  • Order Products
  • Order Shipments
  • Order Taxes
  • Order Transactions API
  • Order Refunds
  • Calculating Totals
  • Orders - Hands-on Lab
  • Order Status and Order Taxes - Hands-on Lab
  • Order Shipping Address - Hands-on Lab
  • Order Products - Hands-on Lab
  • Order Shipments - Hands-on Lab
  • Order Transactions API - Hands-on Lab
  • Conclusion
Dev Portal
On this page
  • Courses
Learning Plans

Composable Developer

Pursue the Composable Core certification with insight into general headless storefront concepts, the Catalyst storefront architecture, and custom development for the Makeswift visual editor.

Estimated Duration: 31h 30min

Courses

Composable Core

27 lessons · 12h 50min

Learn the fundamentals of composable commerce and headless storefront development with BigCommerce.

Catalyst Core

19 lessons · 8h 50min

Build a strong foundation for working with Catalyst, BigCommerce’s modern composable storefront.

Makeswift Core

21 lessons · 9h 50min

Build complex components for the Makeswift visual content editor and explore its Next.js architecture.

Was this page helpful?
Previous

Developer Foundations

Next

Stencil Developer

Built with