Skip to main content

Instagram

Documentation#

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

Configuration#

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

Options#

The Instagram Provider comes with a set of default options:

You can override any of the options to suit your own use case.

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 ngrok.