# 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](https://github.com/FrontasticGmbH/scaffold-b2c/tree/main/frontend), [extensions](https://github.com/FrontasticGmbH/scaffold-b2c/tree/main/backend), and [types](https://github.com/FrontasticGmbH/scaffold-b2c/tree/main/types) that leverage features and functionalities from [commercetools commerce APIs](/api/getting-started/initial-setup.md) 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](https://github.com/FrontasticGmbH/scaffold-b2c/tree/main/frontend) and add them to your project.

## Architecture

The Store Launchpad for B2C Retail is built on a typical B2C architecture by using the following commercetools components:

![B2C Retail Blueprint architecture](https://docs.commercetools.com/frontend-development/images/blueprint-architecture.png)

## 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](/checkout/overview.md) 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](/frontend-development/frontend-components.md). For more information, see the [B2C store Storybook](https://poc-b2cdev.frontend.site/storybook/).

## Extensions and integrations

The Store Launchpad for B2C Retail uses the [extension for commercetools commerce APIs](/frontend-development/using-the-commercetools-extension.md) to implement [commerce functionalities](/frontend-development/b2c-store-launchpad-composable-commerce.md), the [Product Search API](/api/projects/product-search.md) for search, and the [Google Tag Manager](/frontend-development/google-tag-manager.md) integration for analytics.

For search functionality, you can also use the [Algolia keyword search](/frontend-development/algolia.md) integration instead of the Product Search API.

The Store Launchpad for B2C Retail also comes with an extension for [SendGrid](/frontend-development/sendgrid.md), which you can use for managing email campaigns, transactional emails, and other types of email communications.

## Sample data

You can use the B2C sample data to test realistic commerce scenarios and explore the capabilities of the Store Launchpad for B2C Retail. For more information about what is included in the sample data and how to use it, see [Exploring the B2C sample data](/merchant-center/getting-started/explore-b2c-sample-data.md).

## Testing

The Store Launchpad for B2C Retail uses the [Jest](https://jestjs.io/) 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`.

## Go-live checklist

Before launching your B2C commerce website, make sure that you complete the steps mentioned in the [Go-live checklist for B2C commerce websites](/frontend-development/downloads/b2c-go-live-checklist.pdf).

## Related pages

- [Area overview page with navigation](/frontend-development.md)
- [Next page: Project configuration](/frontend-development/b2c-store-launchpad-project-configuration.md)