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 Add

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

Now add a service to your product. Click Add then 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.

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

📘

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

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:

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

👍

You've set up auth for your Next.js App!