Store Launchpad for B2C Retail

You can use the Store Launchpad for B2C Retail to create a B2C commerce website.

Your commercetools Frontend project comes with a Store Launchpad for B2C Retail that you can use to create a B2C commerce website. The template consists of Frontend components that leverage features and functionalities from commercetools Composable Commerce and commercetools Frontend.

The Store Launchpad for B2C Retail is designed according to digital commerce UX and UI best practices.

If the B2C components are not available in your commercetools Frontend project at this path packages/PROJECT_NAME/home/frontend/components, you can find the components in this repository and add them to your project.

Main template elements

The Store Launchpad for B2C Retail includes the following main elements:

  • Homepage with merchandising features, such as a hero banner and sections to display categories, products, and blogs.
  • Registration page, where customers can create a customer account.
  • Login page for existing customers
  • Account pages, including:
    • My account page, where customers can manage the main account details.
    • Orders page, where customers can consult and manage their orders.
    • Customer support page, where customers can access support information.
  • Product listings page
  • Product details page
  • Slideout cart and wishlist
  • Cart page
  • Checkout page, including:
    • An out-of-the-box Checkout integration (default option).
    • An alternative configurable checkout UI component without payment integration.
  • Navigation menu
  • Language selector
  • Header
  • Footer

The Store Launchpad for B2C Retail includes other UI components and Frontend components. For more information, see the B2C store Storybook.

Extensions and integrations

The Store Launchpad for B2C Retail uses the commercetools Frontend extension for Composable Commerce to implement commerce functionalities, Composable Commerce's Product Projection Search API for search, and the Google Tag Manager integration for analytics.

For search functionality, you can also use the Algolia keyword search integration instead of the Product Projection Search API.

The Store Launchpad for B2C Retail also comes with an extension for SendGrid, which you can use for managing email campaigns, transactional emails, and other types of email communications.

Testing

The Store Launchpad for B2C Retail uses the Jest testing framework for unit tests across functions and components. Each function and component folder has a corresponding test file within it. For example the Button folder contains a test file called Button.spec.tsx.