Do you want to join our team? We're hiring!
  • Product
    • Features
    • Why Frontastic
    • Pricing
  • Partners
  • Use Cases
  • Documentation
  • Contact
  • Request a demo
  • Menu Menu
You are here: Home1 / For developers2 / Frontastic architecture: Frontastic studio

Frontastic architecture: Frontastic studio

Frontastic is made up of 4 parts: the API hub, developer tooling, the Frontastic studio, and frontend delivery. Each gives you all the tools you need to build amazing commerce sites.

In this blog series, we’ll look at each part of the architecture, how it works, and what you can do with it.

In this article, we’ll be looking at the Frontastic studio.

Frontastic architecture

The Frontastic studio: Isn’t it just a headless CMS?

The Frontastic studio is a pretty amazing piece of software. It’s where business teams and developers can work together to build their commerce site. They can build pages, edit their navigation, create redirects, manage deployments, and so much more.

Even though it can do all this, we often get asked if the Frontastic studio is a headless CMS. And the answer is: No.

Frontastic studio versus headless CMS: What’s the difference?

A headless CMS manages structured content that’s reused across several different channels. It offers tooling and workflows to distribute and publish content that can then be consumed by a website or an app.

But Frontastic focuses on the actual website experience, making it easy to build, manage, and serve eCommerce websites on top of headless commerce and content systems.

Let’s look at some of the differences:

Headless CMSFrontastic studio
Easily manage content that’s optimized for reuse across channels, such as articles, authors, and categoriesEasily manage content for the actual website, such as menus, layouts, and pages
Delivers content through an APIConsumes content through APIs and makes this available for business users when building the site
Comes with content types on how to structure the contentComes with components for eCommerce use cases that display the content on the website
Developer tooling and workflows on how to create, update, and deliver content through its APIsDeveloper tooling that enables you to quickly iterate on website functionality and make changes from development through test to production
Workflows for business users on approval of content and content model changesWorkflows for business users to manage pages, page templates, and components
Limited preview functionalityLive preview on mobile where you can see exactly which component you’re working with

The main difference is that the Frontastic studio doesn’t store any data. The content comes from other sources, such as a CMS, PIM, and so on, and the studio uses this data source to display it on a website but never keeps that date. Whereas a headless CMS is the source of truth for the content — it’s where the content is held.

UX matters

The Frontastic studio offers a great editing experience for business users. The interface allows these users to compile and build a shop experience utilizing multiple different sources of data. They can easily edit and optimize their entire site (or just one component) to maximize purchase conversions.

In most cases, a headless CMS can be complex for a business user to learn and get the benefits out of their structured content. While traditional monolithic systems might have a great out-of-the-box editing experience for business users, development teams struggle to build flexible experiences using tools that are only optimized for a very small number of use cases.

So the Frontastic studio isn’t a headless CMS?

A headless CMS isn’t the whole solution for building a website — its primary purpose is to store and structure the content for use in whatever products or channels and provide APIs to integrate with to surface that content.

The Frontastic studio allows developers and business users to work together to build their entire website. It incorporates data from multiple sources to enable the creation of conversion-optimized sites. Frontastic also handles the wiring of a website, including delivery and hosting, so that a new commerce site can be launched unbelievably fast.

If you’re interested in finding out more about our architecture, see our documentation at docs.frontastic.cloud.

Portrait Catherine Jones

Catherine Jones

Catherine’s the Lead Editor at Frontastic. She’s worked in many different positions at different levels but always with a customer focus and is always looking to create the best experience for users.

Stay in the loop

Subscribe to our newsletter to keep up-to-date on all the latest Frontastic news.

Related

Composable commerce isn’t only for enterprise

Insights
While eCommerce has grown over the years, there're still obstacles and challenges that companies face in their attempt to improve the online shopping experience. In the article, you will find some of the top issues that still cause difficulties and how you can solve them with a headless frontend.
Read more
May 23, 2022
https://www.frontastic.cloud/wp-content/uploads/2022/05/CC-isnt-only-for-enterprise-1.jpg 630 1200 Zoya Ruhe https://www.frontastic.cloud/wp-content/uploads/svg/frontastic-commercetools-logo-gradient.svg Zoya Ruhe2022-05-23 08:00:012022-05-17 07:54:33Composable commerce isn’t only for enterprise
operational efficiency as metric for headless commerce

Operational efficiency: The future metric for headless eCommerce platforms

Insights, Tech Talk
This blog post explores how operational efficiency will be the future metric for headless eCommerce platforms. If you've moved to headless or are planning towards headless transition then this article will serve as the best guide for you.
Read more
April 28, 2022
https://www.frontastic.cloud/wp-content/uploads/2021/07/Operational-efficiency-Li.jpg 1260 2400 Zoya Ruhe https://www.frontastic.cloud/wp-content/uploads/svg/frontastic-commercetools-logo-gradient.svg Zoya Ruhe2022-04-28 08:00:052022-04-12 13:53:28Operational efficiency: The future metric for headless eCommerce platforms

Business problems a headless frontend can solve

Insights
While eCommerce has grown over the years, there're still obstacles and challenges that companies face in their attempt to improve the online shopping experience. In the article, you will find some of the top issues that still cause difficulties and how you can solve them with a headless frontend.
Read more
April 12, 2022
https://www.frontastic.cloud/wp-content/uploads/2022/04/unsplash_gTs2w7bu3Qo-1.jpg 1260 2400 Zoya Ruhe https://www.frontastic.cloud/wp-content/uploads/svg/frontastic-commercetools-logo-gradient.svg Zoya Ruhe2022-04-12 08:00:042022-04-07 12:53:33Business problems a headless frontend can solve

Categories

  • Product and Functionalities
  • Company News
  • Tech Talk
  • Partnerships and Integrations
  • Insights
  • Remote Work
  • What others say

Product

  • Why Frontastic
  • Features
  • Product Tour
  • Use Cases
  • Pricing

Partners

  • Agencies
  • Tech partners

Resources

  • Blog
  • Documentation

Company

  • About us
  • Careers
  • Events

Contact

  • Contact sales
  • Support
  • LinkedIn
  • Facebook
  • Twitter
MACH Alliance Logo
Data privacy     Legal     ©2022 Frontastic
Scroll to top
  • Ready to innovate?

    Fill in the details below and we’ll find a personalized plan that works for you.

  • We store your name, your email address, and your message in our CRM ProsperWorks to ensure timely and reliable processing. Without your consent, we won't use your email address for newsletters or similar but to answer your request. We can also delete your data if you want us to. Just let us know!
    If you select this checkbox, we'll regularly send you news. You can unsubscribe at any time using the link in the newsletter.
  • Seeing is Believing

    Fill in the details below to take a personalized guided demo.

  • We store your name, your email address, and your message in our CRM Copper to ensure quick and reliable processing. The data transfer is encrypted. Without your consent, we won’t use your email address for newsletters or similar but just to answer your request. By clicking on “Request demo” you confirm that you’ve also read our data privacy terms and that you consent your data is processed as described.
  • We save your name and email to send you regular news. For this purpose, we use the service Mailchimp, to which we transfer your data. You can always unsubscribe from the newsletter using the link at the end of the newsletter.
  • Let’s get together

    Fill in the details below to join us on our mission to create extraordinary digital customer experiences.

  • We store your name, your email address, and your message in our CRM ProsperWorks to ensure timely and reliable processing. Without your consent, we won't use your email address for newsletters or similar but to answer your request. We can also delete your data if you want us to. Just let us know!
    If you select this checkbox, we'll regularly send you news. You can unsubscribe at any time using the link in the newsletter.