What's Frontastic?

Hi, there 👋

Welcome to the Frontastic documentation, but before we dive into how to work with us, let's introduce ourselves a little.

Frontastic removes the complexity when building commerce sites in a headless world.

Frontastic enables you to:

  1. Orchestrate data from different headless services
  2. Build, deploy, and iterate on websites faster by using components
  3. Create, manage, and optimize websites in a business UI
  4. Serve your websites as PWAs, optimized for performance and mobile first

What comes with Frontastic?

There are 4 parts to Frontastic:

  • API hub
  • Developer tooling
  • Frontastic studio
  • Frontend delivery

They're represented in the image below.


Frontastic's API hub comes with standard integrations for headless services that help with all the complex wiring that usually comes with composable architectures. But you can also create extensions to any API. With the API hub, you get a unified way of connecting and working with your technology stack.

Frontastic provides a development framework and all the necessary tools to build, deploy, and iterate on a commerce site. At the heart of what we do are Frontastic components, which are React components with a schema. They're built by developers, added to pages by business users, the data is brought in from the API hub, and they're delivered optimized for performance to your customers. To get you started quickly, Frontastic comes with a set of starter components for the most common commerce use cases, like product listings, details pages, cart, and checkout.

The Frontastic studio is the interface you use to manage your projects. Here, you can edit and optimize your sites, including pages, components, navigation, and layouts.

Last but not least, Frontastic provides the delivery layer that serves the website as a Progressive Web App (PWA). We provide Server Side Rendering (SSR) along with auto-scaling and fail-safe hosting.

For more information, see our article about the Frontastic architecture and Frontastic stack.

How do you work with Frontastic?

As a developer, you'll interact with Frontastic in 2 different ways. To extend the API hub or modify the Server Side Rendering, you'll work with a Frontastic sandbox that's provisioned automatically in the Frontastic studio. To build, modify, and deploy Frontastic components, you'll use our Frontastic CLI in combination with the Frontastic studio.

As a business user, you'll be working within the Frontastic studio to create, manage, and optimize your commerce site.


If you can’t find what you're looking for in the documentation or if you have any general feedback, please send us a message using the Submit a ticket button at the top of your page.