You are here: / / Frontend-as-a-Service for dummies

Frontend-as-a-Service: explained in easy terms

We want to explain what a Frontend-as-a-Service really is and does.

But let´s take a step back first and have a look at Service Oriented Architecture (SOA). SOA is the answer to the increasing speed of innovation in IT. The good old monolith – i.e. a software program that tries to cover the widest possible range of applications – is today no longer able to offer sufficient flexibility, speed and to meet the demands of the modern commerce projects.

Microservices for less complexity

On the one hand, it is about the atomization of functions and, on the other hand, about no longer having to install and operate software in a complicated way, but simply being able to consume it as a service.

In this way, new services can be added flexibly or existing services can be replaced.

Well-known providers of API-First or headless eCommerce solutions are commercetools and, in the area of headless CMS, Contentful.

Here’s a list of the most frequently used acronyms:

Service Abbr.
Backend-as-a-Service BaaS
Content-as-a-Service CaaS
Data-as-a-Service DaaS
Database-as-a-Service DBaaS
Desktop-as-a-Service
Infrastructure-as-a-Service IaaS
Logging-as-a-Service LaaS
Mobile-Backend-as-a-Service  MBaaS
Monitoring-as-a-Service
Network-as-a-Service NaaS
Payments-as-a-Service
Platform-as-a-Service PaaS
Search-as-a-Service
Storage-as-a-Service

Headless Services – Headless CMS und Headless Shops

In the course of this specialization, many systems lose their head: the frontend. This allows manufacturers to concentrate fully on the technical functionality and offers maximum flexibility in presentation. However, the frontend cannot be omitted without replacement, because the content provided must be displayed and consumed by the user. This is where the path of virtue – i.e. service orientation – is usually left behind:

Usually, individual software is developed here on the basis of development frameworks such as Symfony or AngularJS. There is a simple reason for this: there is no Frontend-as-a-Service yet. So while there is a variety of vendors to choose from for each part of a microservice-oriented architecture, companies have to make do with a “handmade” solution in the front-end.

graphic showing composable layers in microservices vs. monolithic systems

Scalability and flexibility: what Frontastic has to offer

Frontastic has announced the first cloud-first and mobile-first frontend as a service. A Frontend-as-a-Service comes with the same value proposition for the top application layer as the other services:

  • Easy to use, without complex installation or programming
  • Easy scalability
  • No know-how required for operation etc., as these are part of the service
  • Flexible pricing

Frontend Service as a solution for modern eCommerce

The Frontend Service is the service responsible for displaying the right content on the different target devices and systems (Smartphone, Desktop-Browser, Display at the Point-of-Sales, Wearable like Smartwatch, …) quickly and optimally for the respective display.

The content can come from different source systems: classic from a Content Management System (CMS), from an eCommerce solution, but also from sources such as Enterprise Resource Planning (ERP) systems or CRMs (Customer Relationship Management) as well as many more (see table “Everything as a Service”) are possible.

In the Frontend-as-a-Service, these sources are combined into Atomic design building blocks. These building blocks can come from different source systems, for example a specific article from eCommerce and a supplementary text from the CMS. In a partner portal, for example, it could be certain information about the partner and his leads from the CRM and additional information, for example, about the partner’s sales, from the ERP system.

These modules are initially completely layout-independent descriptions, which are combined by editors in the next level to form device-specific layouts. Thus, for the classic shop, there are different layouts for the smartphone, the desktop and the TV app.

The big advantage of Frontastic is that the editor does not need the support of a service provider to create these layouts. The service provider / developer, on the other hand, can focus on the further development of the integrations, on basic functionalities and expansion of the modular system.

Stay In The Loop

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

Related

Is Your Enterprise Ready for MACH?

As competitive pressures drive the need for digital transformation, enterprises have a mind-boggling number of factors to weigh when growing their digital experience. This decision-making process is especially tough for established brands with legacy infrastructure that represents years of investment in capital and human expertise. Frontastic partner Contentstack gives useful insights and a great overview of the decision-making process.
Read more
composable Architecture

Deliver Better Digital Experiences with Composable Architectures

A composable architecture is a DIY approach to building a robust architecture using best-of-breed APIs. Frontastic partner GraphCMS gives useful insights and a great overview of composable architecture in this guest article.
Read more

Get our newsletter

MACH Alliance Logo