loading...
Cover image for Connecting Gridsome to NetlifyCMS - Step by step tutorial

Connecting Gridsome to NetlifyCMS - Step by step tutorial

93lucasp profile image Luca Spezzano ・1 min read

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 👇

Ps. If you are not happy that the tutorial is on Medium, nobody forces you to read it.
Peace and love
✌️❤️

Discussion

pic
Editor guide
Collapse
michaelandreuzza profile image
michael-andreuzza

Interesting article. You could just cross posted via RSS. Some have to pay for medium...

Collapse
93lucasp profile image
Collapse
michaelandreuzza profile image
michael-andreuzza

Oh, I did already and loved it.

Thread Thread
93lucasp profile image
Luca Spezzano Author

did you follow the tutorial? Did everything work correctly?

Thread Thread
michaelandreuzza profile image
michael-andreuzza

I just readed through! I was ik my brake at work.