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: Frontend delivery

Frontastic architecture: Frontend delivery

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 frontend delivery.

Frontastic architecture

What’s frontend delivery?

Frontend delivery is how your commerce site becomes available on a website. It takes all the code and data and serves it when a customer comes to your URL. In the days of monoliths, it was quite straightforward as only 1 data source was used. But with microservices, it gets a little more complicated as all the data sources being used need to be combined, optimized, and delivered to your customers all at the same time.

Frontend delivery with Frontastic

Frontastic provides all the parts of frontend delivery for your commerce site. Let’s break it down:

PWA

Frontastic delivers your commerce site as a Progressive Web App (PWA). It gives your customers an app-like experience, even on desktop. A PWA is optimized for performance which is key for all sites to increase sales, customer satisfaction, and improve SEO.

Server Sider Rendering (SSR)

To provide your customers with a great experience, smooth delivery and fast performance are key. With SSR, you get both of those things, plus an SEO-friendly site.

We’re also continuously optimizing build processes and splitting data for frontend assets to ensure our customers have high-performing sites.

Hosting and DevOps

Frontastic takes care of all hosting and DevOps. We also take care of auto-scaling server usage when your commerce site suddenly receives a lot of visitors, so they don’t have any issues accessing your site. We also ensure the safety and security of your commerce site. We’re ISO certified, so you can be sure that our processes are of the highest standard.

To reduce repetitive and time-consuming tasks, we’ve set up reliable automation processes. For example, building and compiling assets for browsers from source files or making new components for extending your platform available automatically on the staging systems. Building the functionalities to handle these everyday operational challenges is a specialty in itself and requires a lot of time and resources to solve. But with Frontastic, we do this for you.

And every time you release a new software version, we ensure that there won’t be any downtime of your live site. Plus, you can roll back to an earlier version with the click of a button.

Logging and monitoring

With your product and content data coming from external providers, this data will be unavailable at some point. Your commerce site has to be able to handle this in a resilient and user-friendly way. And you’ll need to have monitoring and alerts in place to discover these issues before your customers do, or you’ll risk losing sales and decreasing brand loyalty. Frontastic provides constant logging and monitoring to measure application performance or third-party API outages to ensure this doesn’t happen on your site.

Server-administration

All the software on each developer machine needs to be in sync to ensure everyone is working on the same thing. Plus, you need to make sure your production and staging systems run on the same software versions as everything in your stack, or you’ll find bugs at every turn. With Frontastic, you get all that as standard, and you can develop your site without worrying about synchronization. Frontastic also ensures security updates are applied without you even noticing it, the network is secured, and the servers are scaled according to the current traffic.

Conclusion

But what’s great about Frontastic is that it’s always extendible. You can add your own tracking, your own monitoring, and whatever else you want. But be careful. The performance of your site will always be up to how you’ve written the code and how much (our Measuring PWA performance article goes into more detail on this topic).

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

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

Multichannel commerce and why technology matters

Insights
For more than 2 years now, remote work — be it hybrid or fully remote — has been part of everyday life in many companies. In this blog post, we want to talk about productivity in remote environments and share the experiences and tips of our team.
Read more
April 4, 2022
https://www.frontastic.cloud/wp-content/uploads/2022/03/Multichannel-strategy-1.jpg 1260 2400 Zoya Ruhe https://www.frontastic.cloud/wp-content/uploads/svg/frontastic-commercetools-logo-gradient.svg Zoya Ruhe2022-04-04 08:00:402022-03-14 11:52:51Multichannel commerce and why technology matters

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.