DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Connecting Gridsome to NetlifyCMS - Step by step tutorial
Luca Spezzano
Luca Spezzano

Posted on

Connecting Gridsome to NetlifyCMS - Step by step tutorial

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
✌️❀️

Top comments (5)

Collapse
 
93lucasp profile image
Luca Spezzano Author

medium.com/notonlycss/connecting-g...

Here you can read for free

 
93lucasp profile image
Luca Spezzano Author

did you follow the tutorial? Did everything work correctly?

Classic DEV Post from 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!