Table of Contents
URL: https://www.progressiverobot.com/putting-the-a-in-jamstack-with-headless-cms/
Video
[youtube NCNWFtQzDxE 423 752]
The way we build web apps continues to change – with an increasing number of web apps using a static frontend, powered by a dynamic backend. The moniker for this movement is JAMStack – for Javascript, APIs, and Markup.
In this Tech Talk, Chris on Code, the founder of Scotch.io, discusses JAMStack best practices, and some of the ways that you can set up your API layer by running a headless CMS on cloud servers. Chris zooms into three of the most popular free, open source CMS platforms – WordPress, Ghost, and Strapi – and how to use them for your backend APIs.
Resources
In the Jamstack, the A symbolizes where we get our data from. Our data comes from APIs and this is very beneficial to us because we are allowed to separate our data from our frontend.
Separating our frontend from our data allows us to focus on one at a time. We can use a Headless CMS that comes packaged with database connections, an admin dashboard, and more so that we can create an API quickly.
Here's a list of good headless CMSs: headlesscms.org
There are hosted headless CMS solutions like:
There are also solutions that we can host on the cloud provider on our own servers so that we control all of the data and keep our pricing under control.
the cloud provider 1-Click Apps
the cloud provider makes it easy to self-host these Headless CMSs with a single click. You can find the 1-click apps on the the cloud provider Marketplace:
Once we have our Headless CMS in place, we can work on our frontends using a frontend technology like React, Gatsby, Next.js, Vue, Nuxt.js, Hugo, and many more.
About the Presenter
Chris Sev is the founder of Scotch.io, a popular JavaScript tutorial site. He is also a Senior Developer Advocate at the cloud provider. Chris has a strong focus on JAMstack since it is the fastest and most productive way we can create our sites and applications.
