# Store Launchpad for B2B Manufacturing

You can use the Store Launchpad for B2B Manufacturing to create a B2B commerce website.

Your commercetools Frontend project comes with a Store Launchpad for B2B Manufacturing that you can use to create a B2B commerce website. The Store Launchpad for B2B Manufacturing is a template that consists of [Frontend components](https://github.com/FrontasticGmbH/scaffold-b2b/tree/main/frontend), [extensions](https://github.com/FrontasticGmbH/scaffold-b2b/tree/main/backend), and [types](https://github.com/FrontasticGmbH/scaffold-b2b/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 B2B Manufacturing is designed according to digital commerce UX and UI best practices.

If the B2B 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-b2b/tree/main/frontend) and add them to your project.

## Architecture

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

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

## Main template elements

The Store Launchpad for B2B Manufacturing includes the following main elements:

- Homepage with merchandising features, such as a hero banner and sections to display categories, brands, and blogs.
- Registration page for creating a [Business Unit](/api/projects/associate-business-units.md).
- Login page for administrators and buyers
- Account pages for both administrators and buyers, including:
  - Business Unit and Store selector, from where buyers and administrators can switch between the Business Units and Stores they have access to.
  - Quotes page, where buyers can view and filter quotes and quote requests and access the Quote details page.
  - Quote details page, where buyers can view a quote's data and related activities and can initiate the checkout process if the quote has been approved.
  - Orders page, where buyers can view and access the Order details page.
  - Order details page, where buyers can view an order's data, return or place the order again, and view items in the order.
  - Company Admin page, where administrators can manage addresses and configure Associates and Business Units.
  - Purchase lists page, where buyers can view and manage purchase lists.
  - Settings and security page, where buyers can view and manage general settings and security.
  - Approval Rules page, where administrators can create and manage Approval Rules.
  - Approval Flows page, where associates can view and manage orders that are pending in the approval process.
  - Addresses page, where administrators can manage addresses for a specific Business Unit.
- Search listing page
- Product listing page
- Product details page
- Quick order menu
- Cart page
- Checkout page
- Navigation menu
- Language selector
- Header
- Footer

The Store Launchpad for B2B Manufacturing includes other UI components and [Frontend components](/frontend-development/frontend-components.md). For more information, see the [B2B store Storybook](https://poc-b2bdev.frontend.site/storybook/).

## Sample data

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

## Design resources

The Store Launchpad for B2B Manufacturing offers a suite of [official Figma resources](https://www.figma.com/@commercetools) to help teams explore and design composable commerce experiences. Use the design system and specialized UI kits to enable faster, more consistent, and scalable storefront design.

## Testing

The Store Launchpad for B2B Manufacturing 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 B2B commerce website, make sure that you complete the steps mentioned in the [Go-live checklist for B2B commerce websites](/frontend-development/downloads/b2b-go-live-checklist.pdf).

## Related pages

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