This React Component will allow you to scrape Instagram posts and dislay a grid of images with an overlay (on hover) of number of likes and comments, each image links (opens in a new tab) to it's IG post url.

Based, inspired and ported from Gatsby Source Instagram.

This project was bootstrapped with Create React App.

In the project directory, you can run:

Runs the app in the development mode.
Open http:https://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm

npm install @luchoster/react-ig --save

yarn

yarn add @luchoster/react-ig

  username
  hashtag
  altHash
  maxPosts

import InstagramPosts from '@luchoster/react-ig'

<InstagramPosts username="vegas" />

when using the username prop, it will only return the most recent 12 posts from that account, but you can use maxPosts if you want to display than 12 posts

or you can get scrape a hashtag and define a number of maxPosts (recommended) to display

<InstagramPosts hashtag="vegas" maxPosts="24" />