Community Articles VIDEO: From Markdown to Cosmic JS with Gatsby

VIDEO: From Markdown to Cosmic JS with Gatsby

The beauty of using a static site generator is that your back end can be completely separated from your front end. You can easily swap it out at any time no questions asked, and that's exactly what I did with Learn Build Teach. I went from markdown files to a true headless CMS in Cosmic JS for my courses information.


The Why

Why would I want to make this shift you might ask? Well, by completely decoupling my front end and backend, it gives me some flexibility. I have the ability to swap out my backend at any time as I mentioned. But also, it gives me the ability to leverage that data on multiple different front end applications. 


Additionally (and this is the big sell for Cosmic JS), if I am going to have non developers contributing to my content, they get an easy to use GUI to update information. Writing markdown files isn't extremely difficult, but it certainly can be tricky for people that are new to it. With Cosmic JS, anyone with access can easily create/update content in a comfortable environment!






Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


A primary benefit of managing content API-first is that your content is transformed into portable and scalable content objects, available via API endpoint to create workflows with the third-party applications that your team uses.
In this tutorial I'm going to show you how to build a component-based website using Cosmic JS.
In this video tutorial, I show you how to use the Cosmic CLI to install and deploy a Cosmic JS GraphQL-powered App in 5 minutes.
Filtering data is one of the most common feature of any data facing application, wheather it's a fron-end app or a back-end application. The Filter function is used to find records in a table or a dataset that meets certain criteria.
This article demonstrates how to create a company website using Cosmic JS and Angular in a few steps.
Cosmic JS lets you build one-to-one as well as one-to-many Object Relationships within your Bucket Dashboard. To help you and your team manage content more seamlessly, you can now see your Connected Objects located on the Object’s Edit page in the Dashboard.

Ready to Get Started?

No payment info required.
Start Now   Contact Sales