ThunderID Provider

Resources

ThunderID Documentation

Setup

Callback URL

https://example.com/api/auth/callback/thunderid

https://example.com/auth/callback/thunderid

https://example.com/auth/callback/thunderid

Environment Variables

AUTH_THUNDERID_ID
AUTH_THUNDERID_SECRET
AUTH_THUNDERID_ISSUER

Configuration

Get ThunderID installed on your environment. (via npx thunderid or any other option)
Go to the ThunderID Console at https://{THUNDERID_HOST}:{THUNDERID_PORT}/console
Create an application with the Next.js template

⚠️ IMPORTANT: Make sure to copy the Client Secret at the end of the wizard since it will not be prompted again
In the General tab, Access section → Authorized redirect URIs, add:
- Development: http://localhost:3000/api/auth/callback/thunderid
- Production: https://{YOUR_DOMAIN}/api/auth/callback/thunderid

Then, add the values to your environment variables.

/auth.ts

import NextAuth from "next-auth"
import ThunderID from "next-auth/providers/thunderid"
 
export const { handlers, auth, signIn, signOut } = NextAuth({
  providers: [ThunderID],
})

/src/routes/plugin@auth.ts

import { QwikAuth$ } from "@auth/qwik"
import ThunderID from "@auth/qwik/providers/thunderid"
 
export const { onRequest, useSession, useSignIn, useSignOut } = QwikAuth$(
  () => ({
    providers: [ThunderID],
  })
)

/src/auth.ts

import { SvelteKitAuth } from "@auth/sveltekit"
import ThunderID from "@auth/sveltekit/providers/thunderid"
 
export const { handle, signIn, signOut } = SvelteKitAuth({
  providers: [ThunderID],
})

/src/app.ts

import { ExpressAuth } from "@auth/express"
import ThunderID from "@auth/express/providers/thunderid"
 
app.use("/auth/*", ExpressAuth({ providers: [ThunderID] }))

Threads Tiktok

ThunderID Provider

Resources

Setup

Callback URL

Environment Variables

Configuration

About Auth.js

Download

Acknowledgements