Frontastic for developers

We remove the complexity when building eCommerce websites in a headless world.

Documentation    

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 eCommerce websites 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

What comes with Frontastic?

There are 4 parts to Frontastic:

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

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 an eCommerce website. At the heart of what we do are TasticsTastics - A component/content block/tile that is used within the Frontastic Editor to create the frontend layout., 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 Tastics for the most common eCommerce use cases, like product listings, details pages, cart, and checkout.

The Frontastic EditorFrontastic Editor - The interface where you create pages, upload Tastics, and manage your project. is the interface you use to manage your projects. Here, you can edit and optimize your websites, 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.

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 MachineFrontastic Machine - A cloud-based virtual machine that you use for backend and some frontend development. that's provisioned automatically in the Frontastic Editor. To build, modify, and deploy Tastics, you'll use our Frontastic CLIFrontastic CLI - Our Commandline Interface (CLI) that you can use for frontend development. in combination with the Frontastic Editor.

As a business user, you'll be working within the Frontastic EditorFrontastic Editor - The interface where you create pages, upload Tastics, and manage your project. to create, manage, and optimize your website.

Support

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.

Updated 16 days ago



What's Frontastic?


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.