LookUp-India / linkinbio

A self-hosted alternative to Linkinbio

Linkinbio

Originally created by Juan Alejandro Morais

Whoever is reading this, I pity you from the depths of my heart. But, you need to regenerate tokens almost every 2 months to put into Netlify so that builds succeed.

Steps for that, as taken from here:

Instagram Graph API token

** Disclaimer: ** These steps might not be clear, or not exactly working for everybody. Working on updated or automated steps right now. Progress is at oorestisime/gatsby-source-instagram#24 Any help on this side is greatly welcomed and appreciated!

1. You need to have a Facebook page (I know... :/)
2. Go to your site settings -> Instagram -> Login into your Instagram account
3. Create a app
4. Go to the Graph API Explorer
   1. Make sure you are using v7 as api version
   2. Select your facebook app
   3. Click "Generate Access Token"
   4. Add the following permissions (pages_manage_ads, pages_manage_metadata, pages_read_engagement, pages_read_user_content, pages_show_list, instagram_basic)
   5. Make a GET request at me/accounts
   6. copy the access_token in the response (we call this temporary_token)
   7. click on the id to change the explorer url and append ?fields=instagram_business_account&access_token={access-token}
   8. save your instagram_business_account.id, this is your instagram_id
5. Access Token Debugger:
   1. Paste your temporary_token and press "Debug"
   2. You should see this token now expires in 3 months
   3. Press "Extend Access Token" and press the new debug that appears next to the token
   4. You should see this token now never expires
   5. Copy this new token (we will call this access_token)
   6. Use this in your .env.development or .env.production as the value for INSTA_ACCESS_TOKEN

With these two information you can now use the plugin as:

{
  resolve: `gatsby-source-instagram`,
  options: {
    username: username,
    access_token: access_token,
    instagram_id: instagram_id,
  },
},