Implement an RSS feed from JSON to XML in Gatsby.js

A step-by-step tutorial on how to implement an RSS feed from JSON by converting it to XML and creating a static page in Gatsby 🚀

Photo by Cookie the Pom on Unsplash

Implementing a site-wide RSS feed in Gatsby can be done very easily. I can recommend implementing the official Gatsby feed plugin.
In this tutorial, I want to show you how you can implement an RSS feed for a specific URL or page. In my case, the data for the RSS feed was provided to me via a REST API endpoint that returned JSON.

💡This tutorial assumes you already have a Gatsby site setup and running. If you are new to Gatsby, I can highly recommend the Gatsby docs to get started.

Here are the steps that I am going to walk you through in detail in this tutorial:

— Test your API endpoint with `Postman`
— Call JSON in /gatsby-node.js with `Axios`
— Shape JSON by turning it into a JavaScript Object
— Convert the new object to RSS XML with `jstoxml`
— Use fs from Node.js to create a new file rss.xml
— Test your new RSS feed with an RSS validator

Without further ado, let’s get started 🙌

The first step is to call the API endpoint and make sure that it returns the correct JSON. Postman is an excellent tool to…