Three reasons to use our progressive web app CMS

How to make sure that your users get the best experience possible

Blogpost StockholmUserMeetup

Progressive Web Apps, or PWAs, are the talk of the town. But what exactly is a PWA and how can we define it? Broadly speaking PWAs have to have the following three characteristics:


The app must load quickly even if the network connection is less than ideal. Service workers play a large role in making sure that when the app is launched from the user’s home screen, the user experience is totally lag free.


The app must swiftly respond to user interaction and show smooth animations. Some claim that half of your users will move away from your site if it takes longer than three seconds to load.


The app must feel like a natural app on any device. Your PWA should be installable, supporting full-screen usage. And your app shouldn’t rely on an app store to get to your user’s phones.

What is Contentful?

Before we go into detail about the benefits of building a progressive app, and how Contentful can help you stay on target, we need to briefly explain what Contentful is.

You can think of Contentful as an API-centric content management platform. This means that whatever kind of content you have stored with Contentful — getting it into your app is as simple as issuing a GET request. After receiving the GET request, the result will be returned as JSON. And you can store any kind of data with Contentful, not just text and images.

So if you know how to handle HTTP requests and JSON responses, you will figure out how to work with Contentful in no time.

How to use Contentful for your next progressive website project

One way to make sure that the code you carefully craft will indeed result in a progressive web app is to double check your efforts against the Progressive Web App Checklist. Below are three items from the checklist, and the reasons why you should use Contentful to help check them off:

Reason one: A PWA must be served over HTTPS

Solution — we use HTTPS everywhere

All of our APIs use HTTPS by default. This means that your content is always securely transmitted across the internet to your users. And the same is also true if your app is constructed to upload content from the progressive web app to the Contentful content management platform. If you for some reason want to disable HTTPS then we support that too — but we prefer to stay secure by default.

Reason two: A PWA must work cross-browser

Solution — we serve content to any platform

We don’t lock you into a particular architecture or a predefined way of creating apps. We leave that up to you — the professional developer. What we make sure is that you can always pull content into your apps using API calls and JSON. How you then choose to process and display that data is entirely controlled by you. We call it freedom by Contentful. And that freedom can be used to create apps for Android, iOS and every other platform that can run a web browser.

Reason three: A PWA must load quickly even on 3G

Solution — our Content Delivery Network (CDN) will take care of that

Having a global CDN ensures that no matter where your users are located, they will have quick access to one of our nodes. So no matter if your app uses Contentful to pull in content in the form of text, or other assets like images, our high-performance CDN is there to make sure that your users have rapid access to the content they need — whenever they need it.

What’s next

Have a look at our blog-in-five-minutes tutorial where we walk you through the few steps necessary to create a cutting-edge web application. The tutorial is also useful for learning how Contentful, with its four APIs, works under the hood.

We also want to recommend our Contentful Community forum. A place where you can get peer-to-peer support for anything Contentful-related. The community site is also the perfect place for you to showcase all the cool things that you have built with Contentful.

Unlock the power of digital content
Build experiences that drive your business forward with the composable content platform.
add-circle arrow-right remove style-two-pin-marker subtract-circle remove