I have a personal website for my hobbies and stuff. On this website, I used to query the Instagram API really easily. And then stuff changed. The Instagram API got deprecated. More precisely, it migrated.

So, I had to figure out a new way to query my Instagram feed for my website. So let’s check that out together!

STEP #1: Create a Gatsby.js starter & push it on GitHub

If you already have a landing page, you can go straight to STEP2.

As before, we are going to start by creating a Gatsby.js starter. If you haven’t set up your development environment, you can follow this procedure.

Once you’ve done that, we are going to create a new gatsby site and give its first run using the following commands.

gatsby new gatsby-site
gatsby develop

Once you are here, you can open a browser and go to http://localhost:8000/ to see your website in action.

Then, we are going to publish our code on Github. After creating a repository, Github gives you the instructions to follow to publish the repository. If you chose to create a new repository on the command line, you don’t have to add a read me as the Gatsby.js starter is already providing one.

My repository on Github will be available here if you want to take a look.

#gatsbyjs #instagram #javascript