How to Add Instagram Photos to Your NextJS Site

About The Project

Learn how to add Instagram photos to your NextJS site using the Official Instagram Basic Display API. You can read the full tutorial on Medium.

(back to top)

Built With

• 

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

• A Facebook developer account, and an Instagram public account with some media posted to it.
• A Facebook app linked to your Instagram account, and a token generated through that app.

Installation

1. Get your Facebook developer account at https://developers.facebook.com/
2. Create a new app and link it to your Instagram account
3. Generate a token for your Instagram account
4. Clone the repo

   git clone https://github.com/jrparente/nextjs-instagram.git

5. Install NPM packages

   npm install

6. Create a .env.local file and add your NEXT_PUBLIC_INSTAGRAM_TOKEN

   NEXT_PUBLIC_INSTAGRAM_TOKEN=.....;

7. Run your app with

   npm run dev

8. Open your browser and go to http://localhost:3000

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Joana Parente - @joana_r_parente - jrparente@gmail.com

Project Link: https://github.com/jrparente/nextjs-instagram

(back to top)