Source: https://next-auth.js.org/providers/instagram

🎉 NextAuth.js is now part of Better Auth !

Version: v4

On this page

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:

Instagram Provider options

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

Example

// pages/api/auth/[...nextauth].jsimport InstagramProvider from "next-auth/providers/instagram";...providers: [  InstagramProvider({    clientId: process.env.INSTAGRAM_CLIENT_ID,    clientSecret: process.env.INSTAGRAM_CLIENT_SECRET  })]...// pages/index.jsximport { signIn } from "next-auth/react"...<button onClick={() => signIn("instagram")}>  Sign in</button>...

danger

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 .