SHOPin Logo
Skip to main documentation content

Remove demo functionality

The SHOPin storefront accelerator includes an optional demo/ workspace: demo data-source tooling (indicator, BFF header support, optional selector component in the package) and a mocked checkout payment step. None of it is required for production.

What ships in demo/

PackageRole
@demo/data-source-selectorReact utilities used by presentation: DataSourceIndicator (top bar), getDataSourceHeader for BFF requests, and DataSourceSelector in the package (not shown on the default home page).
@demo/data-source-header-readerNestJS middleware on the BFF: reads x-data-source and sets the active data source on the request when the client sends that header.
@demo/mocked-payment-service-providerDemo payment UI. The mock integration redirects checkout to /demo/mocked-payment-step/[paymentId]; if you remove this package you must change that link in integrations/mock-api (see the repo guide).

Dependencies today: apps/presentation depends on data-source-selector and mocked-payment-service-provider; apps/bff depends on data-source-header-reader.

Removal steps

Follow the Removing Demo Functionality section in the accelerator repo — same order and file paths as maintained there:

github.com/creativestyle/shopin/blob/main/demo/README.md

Back to How to setup SHOPin