> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.bigcommerce.com/_mcp/server.

# Tutorial: Single-click app

> Build amazing commerce solutions powered by the BigCommerce platform

## Docs

- [Introduction](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/introduction.md): Build a BigCommerce single-click app with Next.js, BigDesign, and the BigCommerce REST API, from a mock-data UI through a fully authenticated multitenant app.
- [1: Build a UI with BigDesign](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/1-bigdesign.md): Add BigDesign to the root layout and build a mock-data gift certificates list and detail UI.
- [2: Integrate BigCommerce data](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/2-bigcommerce-data.md): Swap the mock REST client for a real BigCommerce store using STATIC mode, and learn the config-based loading pattern that makes it possible.
- [3: Single-click authentication](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/3-single-click-auth.md): Switch your app into MULTITENANT mode, register it in the BigCommerce Developer Portal, expose your dev server over a public tunnel, and implement the install and launch callbacks that back a real single-click app.
- [4: Session management](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/4-session-management.md): Implement the app's own session cookie and its two-tier authorization check.
- [5: Add a real database](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/5-database.md): Replace the local SQLite credentials store with a shared Postgres database, so the app works across multiple deployed instances.
- [Next steps](https://docs.bigcommerce.com/developer/docs/integrations/apps/tutorial-single-click-app/next-steps.md): Extend the tutorial app with production features, or strip it down and use it as the starter for your own BigCommerce single-click app.