Skip to main content

NextAuth.js

Quickly add United Effects to your Next.js app using NextAuth.js!

tip

If you don't have a United Effects platform already, you can create one here

Create your product

From your Core EOS desktop, click Products

Click Products

Click Add

Click Add

Give your product a name and a description and click Submit.

Create Product

Now add a service to your product. Click Add then Create New

Click Create New

Under Choose Service Type click App. This will configure your service with some default values. Feel free to change the values as you see fit.

Click App Under Service Type

Now we need to setup the Redirect URI. Enter your Redirect URI(s) and click Add

Add Your Redirect URI

tip

In our example this is: https://next-auth-with-united-effects.vercel.app/api/auth/callback/united-effects

Scroll down and click Add Service

Add Your Redirect URI

You've created your service and associated it to your product!

Now you'll need to configure your Next.js app's NextAuth settings. The following secrets need to be set:

UNITED_EFFECTS_CLIENT_ID=
UNITED_EFFECTS_CLIENT_SECRET=
UNITED_EFFECTS_ISSUER=

You can grab your Client ID and Client Secret here:

Get Client ID and Client Secret

The issuer is https://auth.unitedeffects.com/{your-auth-group-id} You can find your Auth Group ID by clicking Settings

Choose Settings

And copying the Auth Group ID

Get Auth Group ID