FastStore

The ultimate toolkit for building blazing-fast storefronts

In the ecommerce world, speed matters. That’s why we’ve built FastStore: an open-source toolkit to create blazing-fast storefronts that convert.

VIEW LIVE DEMO

Start fast with Starters optimized for performance

Quickly get your next FastStore website up and running with Starters optimized for performance.

Build fast with familiar technologies

Use your preferred tech stack and explore your creativity to build unique digital commerce storefronts.

Stay fast with Jamstack and Git workflows

Leverage the power of Jamstack to make data-driven decisions around performance and code quality.

Ecommerce-focused UI components

Optimized to convert

Use FastStore components to create modern storefronts that perform great everywhere.

Frictionless development experience

FastStore components are React-based, open-source, accessibility-ready, and ecommerce-focused.

EXPLORE OUR COMPONENTS

PRODUCT CARD

<ProductCard>
  <ProductCardImage>
      <img alt="Basketball" src="https://vtexhelp.vtexassets.com/assets/docs/src/BasketBall___bda03bc66609682f02a8c322b423fd20.png"/>
  </ProductCardImage>
  <ProductCardContent>
      <h3>Authentic Outdoor Basketball</h3>
      <div>
          <Price
              value={89.9}
              variant="selling"
              style={{ textDecoration: 'line-through' }}
          />
          <Price value={68.9} variant="selling" />
      </div>
      <Badge>15% OFF</Badge>
  </ProductCardContent>
  <ProductCardActions>
      <Button onClick={() => null}>Add to Cart</Button>
  </ProductCardActions>
</ProductCard>

<ProductCard>
  <ProductCardImage>
      <img alt="Basketball" src="https://vtexhelp.vtexassets.com/assets/docs/src/BasketBall___bda03bc66609682f02a8c322b423fd20.png"/>
  </ProductCardImage>
  <ProductCardContent>
      <h3>Authentic Outdoor Basketball</h3>
      <div>
          <Price
              value={89.9}
              variant="selling"
              style={{ textDecoration: 'line-through' }}
          />
          <Price value={68.9} variant="selling" />
      </div>
      <Badge>15% OFF</Badge>
  </ProductCardContent>
  <ProductCardActions>
      <Button onClick={() => null}>Add to Cart</Button>
  </ProductCardActions>
</ProductCard>

Flexible and extensible GraphQL schemas

Deliver seamless experiences everywhere

A Backend For Frontend (BFF) layer for you to perform operations more effectively at the server and overcome shortcomings from REST APIs.

Orchestrate your data

Use our GraphQL data layer to connect to your ecommerce provider and extend it to fetch data from external services.

CONNECT YOUR DATA

Easily manage all meaningful states of your store

Improve your sales with Google Analytics 4

Use our hooks and utils to quickly integrate your website with Google Analytics 4 and make data-driven decisions.

Handle side effects to deliver better experiences

Refer to our SDKs to build tailor-made solutions and deliver a better UX for your shoppers.

BUILD TAILOR-MADE SOLUTIONS

Bring your preferred Jamstack solutions or quick start with our opinionated tech stack

Develop with any CSS framework

Integrate with any headless CMS

Build with any site generator

Launch with any deployment platform