Tech Talk

Putting the 'A' in JAMStack With Headless CMS

Updated on December 21, 2020
Default avatar

By Chris Sev

Sr Developer Advocate

Putting the 'A' in JAMStack With Headless CMS

Video

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

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 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

Chris Sev is the founder of Scotch.io, a popular JavaScript tutorial site. He is also a Senior Developer Advocate at DigitalOcean. Chris has a strong focus on JAMstack since it is the fastest and most productive way we can create our sites and applications.

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Learn more about us


About the authors
Default avatar
Chris Sev

author

Sr Developer Advocate

Founder of scotch.io. Slapping the keyboard until good things happen.

Still looking for an answer?

Ask a questionSearch for more help

Was this helpful?
 
Leave a comment


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up

Join the Tech Talk
Success! Thank you! Please check your email for further details.

Please complete your information!

Get our biweekly newsletter

Sign up for Infrastructure as a Newsletter.

Hollie's Hub for Good

Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.

Become a contributor

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

Welcome to the developer cloud

DigitalOcean makes it simple to launch in the cloud and scale up as you grow — whether you're running one virtual machine or ten thousand.

Learn more
DigitalOcean Cloud Control Panel