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


Build a fully functioning messenger that can send SMS messages to application users. We will discuss Server side rendering of a React front, and leveraging a simple api in order to make protected requests to Cosmic JS cloud services.
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.
Tony Spiro, co-founder and CEO of Cosmic JS, presented "Building for Team Success with Content-Powered Apps" to illustrate the build vs. buy concept of software development in the API-first microservices movement. The full video is embedded below and runs approximately 45 minutes.
Using Cosmic JS's Webhooks we can sync Algolia with Cosmic JS to provide search to our projects.
Metadata is extremely important for SEO as it speaks to search engines directly from each page crawled, to communicate important information or request a specific action from the search engine. Cosmic JS provides an easy modal to manage media metadata.
I’m going to demonstrate how to get started integrating your Cosmic-powered content with your favorite third-party applications using Zapier.