Connecting Gridsome to NetlifyCMS - Step by step tutorial

#vue #javascript #webdev #opensource

For the last past months, I have been searching for a Headless CMS to connect with a modern Javascript framework like Vue.js to use for my clients.

After a long search, I found the perfect combination for my needs thanks to a static site generator like Gridsome and a headless CMS like NetlifyCMS.

Static site generators have become very popular because they are straightforward to use, and they are based on JavaScript frameworks like Vue.js or React.

Headless CMS make easy to access content via RESTful API.

These create a new architectural concept also called JAMstack, which I talk about more in this article, I recommend you read it to be able to better understand the topic we’re going to deal with today.

Today we will use the JAMstack architecture by connecting Gridsome to NetlifyCMS.

What are we going to develop?

We will develop a simple blog with a list of articles and the specific page of the article, to show the basic functions and how to connect the two technologies step by step.

Then it’s up to you to discover all the features.

By following this tutorial you will be able to create your CMS with these technologies in 9 steps.

Check out the tutorial on Medium 👇