brunodeangelis / instafeed

Fetch images from your public Instagram profile using Puppeteer.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

๐Ÿ“ธ Instafeed

Instafeed is a simple example on how to use Puppeteer to scrape several webpages and retrieve information from them with (or without) Cheerio. This information is served on a dynamic endpoint (/:username).

Technologies used:

  • Vue.js, Axios, TailwindCSS
  • Express, Puppeteer, Cheerio

Modify API URL inside client's .env file.

๐Ÿš€ Deploy

Server (from branch "heroku-server")

Deploy server to Heroku

Client

Deploy client to Netlify

๐Ÿ“ฆ Buildpacks

Server uses the following Heroku buildpacks:

jontweks/puppeteer: For ensuring Puppeteer dependencies are installed on the server

heroku/nodejs: For building and running our Express app

๐Ÿ’ป Commands

Client development

npm run serve

production

npm run build

Server development

npm run dev

production

npm run start

๐Ÿ“ Notes

Scraping websites depends on their structure. If Instagram decides to modify their endpoints/HTML structure then this example won't be functional anymore. However, it's still useful for learning purposes.

About

Fetch images from your public Instagram profile using Puppeteer.


Languages

Language:Vue 61.7%Language:JavaScript 29.5%Language:HTML 8.0%Language:CSS 0.8%