Blog Posts French Process Management

I want my CDN Application!

Blog: Smile - Le blog des consultants

Access your application around the world!

Performance and time to interaction are key to increase conversion and retention. And for that, PWA has done an amazing job promoting a new way of building applications. But pages can be rendered way faster using static page generation, fetching only what’s need to be fresh.

Imagine a product’s category page loading in 30ms instead of 1,5 seconds on your current e-commerce platform. That is 50 times faster!

A static site allows better performance, SEO, and scalability. I think we forgot how blazingly fast the display of a static site is. 😅

We start to speak of CDN Applications.

Jamstack, the cool gang

JAMstack stands for JavaScript, APIs, and Markup. defines each component as the following.

Let’s see now how we can migrate from using it.

Migration from Solutions to Services

The JAMstack is a complete paradigm shift focusing on a best-of-breed approach, leaving monolith solutions far behind in terms of agility and time to market.



Frontend Framework and Static Site Generators

JAMstack’s approach relies on HTML being rendered at build time or in the web browser to serve static content to the client; different frameworks exist to do so.

Adam Sturrock analysis of the market.

Some are more business-oriented such as, based on the e-commerce domain (Category, Product list page, Product detail page).

Some Server Site Generator is more framework oriented like:

JAMstack ecosystem

This growing ecosystem provides few services to start building your application: they do one thing, and they do it well.

Jamstack conference partner networks.

To focus on your product, you should leverage their services; let’s pick the right product for you.


A typical frontend stack doesn’t exist; it’s like a teenager’s room: changing from time to time.

Asset hosting

To display the content with a minimum size, you will need an image or video content provider solution; CDN can do this. Nevertheless, your reverse proxy configuration can also be addressed to serve resized images according to the consuming device (desktop/mobile/tv..) and the user bandwidth.

Dedicated tools :

API and services

It’s now time to interact with hot content with API for authentication, inventory, cart, and order management.

API Gateway and API management

Cloud services will provide those tools to route your query to the right endpoint, either an application, a lambda, or even a media.

Dedicated solutions exist to build your own realm, such as WSO2 or Mulesoft, on top of your information system.

Kong, manage your Flask APIs !


User management in modern applications is mostly management outside the application; authentication is hard. So is managing a fine-grained authorization and access policy. I’m not even talking about compliance to GDPR or any other law for managing user data.

A NextAuth.js integration could also do authentication.

Backend For Frontend

The first time I saw a BFF was at the beginning of the mobile application market. The new need to provide a clear technical interface with a REST API hiding the ugly truth of the internal complexity to this fresh generation of consumers search for speed and mobility.

A few years later, this approach became an obvious pattern to deal with legacy systems and migrate them graceful to microservices,

One approach to implement Backend For Frontend could be to a GraphQL endpoint.

GraphQL, when REST is not enough for your Developer eXperience
A new devil or a new standard GraphQL is becoming a key approach when building an API. Integrated with tools like AWS AppSync and you have a native online/offline real-time data update tool.

AWS Amplify, the back-office killer.
Amplify features a data store that syncs data between your site and the cloud, authentication, machine learning, analytics, and more. AWS Amplify works natively with AWS but is designed to be open and pluggable for any custom back-end or service.


Behind the battle of API, one key thing is data sourcing in application performance and caching.

Remember that reducing the return to the source allows us to avoid calculation time and so reduce the ecological footprint of our applications.

Inducing fine cache management on several levels is crucial and a key to your performance and your ability to deploy in several countries: consumer cache (local storage, cache), API cache (TTL), in-memory cache (Redis), database cache…

Solutions :

  1. Local Storage
  2. CDN: Cloud services, Akamai, NetlifyVercel
  3. Reverse proxy: nginxapache
  4. In-memory storage: Redis

Serverless, still a server but not yours

We are now at the infrastructure level, and most of you have migrated from bare metal to cloud providers by commodity; most developers will tell you: “I have absolutely no desire to run, maintain, update and monitor servers or server processes.”.

We have few answers for them.

PaaS has seen a revolution with the emergence of Kubernetes and the implementation of machine management through services like Kapsule to create, configure, and run a cluster of pre-configured machines for containerized applications.

Que vaut Kapsule, le Kubernetes autogéré de Scaleway ?

Lambda functions could be seen as the ultimate way to implement microservices or microlith, depending on how critical you are on tech trends. Nevertheless, Lambda functions are the key for a fast time to market delivering features. However, they could also be toxic for your IT if set aside from your organization, like a realm with no king to rule over data and API endpoints.

💁‍♂️ Be aware that a cold start can add seconds to start your service.

Also, if your Lambda function writes, by example, in a Dynamo DB, your bottleneck will be your database, not your lambda, so be sure to load test to deduce your real capacity (Request Per Second), consider 5k to 10k RPS where monolith applications reach their own limitations.

Services marketplace such as Code.Store exposes GraphQL endpoints served by Lambda functions, allowing developers to rely on ready-to-market business components.

How much do you have to manage?

Comparison between different as-a-Service models and traditional IT, where the whole stack is hosted on-premise. The longer the arrow, the more management is required by and/or on behalf of the client.

Pablo Iorio accurate vision of infrastructure

Let’s wrap it up!

Now we are aligned on the requirement to start composable commerce with a CDN application; you can start building your own ecosystem based on the challenge inherent to your industry: stocks, delivery, services…

Large overview of a classic headless commerce ecosystem.

🙋‍♂️ Since you’re here

Do you have headless commerce? Or maybe you want to jump on the train of CDN Application for your activity? Do you ask yourself :

‍💪 We are here to help you build the future of your headless commerce stack.

Coming next :


Fabien Gasser — Head of innovation @ Smile
We explore, test, and recommend new technologies, creating new offers and value propositions for our clients.

I want my CDN Application! was originally published in Smile Innovation on Medium, where people are continuing the conversation by highlighting and responding to this story.

Leave a Comment

Get the BPI Web Feed

Using the HTML code below, you can display this Business Process Incubator page content with the current filter and sorting inside your web site for FREE.

Copy/Paste this code in your website html code:

<iframe src="" frameborder="0" scrolling="auto" width="100%" height="700">

Customizing your BPI Web Feed

You can click on the Get the BPI Web Feed link on any of our page to create the best possible feed for your site. Here are a few tips to customize your BPI Web Feed.

Customizing the Content Filter
On any page, you can add filter criteria using the MORE FILTERS interface:

Customizing the Content Filter

Customizing the Content Sorting
Clicking on the sorting options will also change the way your BPI Web Feed will be ordered on your site:

Get the BPI Web Feed

Some integration examples