Putting the 'A' in JAMStack With Headless CMS
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 DigitalOcean Droplets. 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.
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 DigitalOcean on our own servers so that we control all of the data and keep our pricing under control.
DigitalOcean 1-Click Apps
DigitalOcean makes it easy to self-host these Headless CMSs with a single click. You can find the 1-click apps on the DigitalOcean 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