instagram.md

id	title
instagram	Instagram

Documentation

https://developers.facebook.com/docs/instagram-basic-display-api/getting-started

Configuration

https://developers.facebook.com/apps/

Example

// pages/api/auth/[...nextauth].js
import Providers from `next-auth/providers`
...
providers: [
  Providers.Instagram({
    clientId: process.env.INSTAGRAM_CLIENT_ID,
    clientSecret: process.env.INSTAGRAM_CLIENT_SECRET
  })
]
...
// pages/index.jsx
import { signIn } from "next-auth/client"
...
<button onClick={() => signIn("instagram")}>
  Sign in
</button>
...

:::warning Email address is not returned by the Instagram API. :::

:::tip Instagram display app required callback URL to be configured in your Facebook app and Facebook required you to use https even for localhost! In order to do that, you either need to add an SSL to your localhost or use a proxy such as ngrock. :::