{"repo":"jrparente/nextjs-instagram","free":true,"listed":false,"github":"https://github.com/jrparente/nextjs-instagram","clone":"git clone https://github.com/jrparente/nextjs-instagram.git","description":"Learn how to add Instagram photos to your NextJS site using the Official Instagram Basic Display API.","language":"TypeScript","stars":30,"topics":["instagram-api","nextjs","react"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url] [![LinkedIn][linkedin-shield]][linkedin-url] How to Add Instagram Photos to Your Next.js Site ⚠️ Deprecated (December 2024) Meta shut down the Instagram Basic Display API. This project no longer works as described. An updated version using the Instagram Graph API is coming. Watch this repo or check the original Medium article for updates. --- About The Project Learn how to add Instagram photos to your Next.js site using the Official Instagram Basic Display API. You can read the full tutorial on Medium. Note: this tutorial was written in March 2024. The API it uses was deprecated in December 2024. Built With - Next.js Getting Started 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 5. Install NPM packages 6. Create a .env.local file and add your NEXT PUBLIC INSTAGRAM TOKEN 7. Run your app with npm run dev 8. Open your browser at http://localhost:3000 License Distributed under the MIT License. See LICENSE.txt","default_branch":null,"files":null,"tree":[],"storefront":"/r/jrparente","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jrparente/nextjs-instagram/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}