1 of 1

Installation

Before starting be aware that oidc-spa is not suited for Next.js.

If you are using Next the closer alternative is to use (with if you are using Keycloak). See .

If you're having issues don't hesitate to reach out on Discord!

Add the lib to your dependencies

npm install oidc-spa

yarn add oidc-spa

pnpm add oidc-spa

bun add oidc-spa

This is optional but recommended for better performances and security.

First rename your entry point file from main.tsx (or main.ts) to main.lazy.tsx

mv src/main.tsx src/main.lazy.tsx

Then create a new main.tsx file:

Comming soon, .

You can skip this for now. It will be explained in the dedicated setup guide:

First rename your entry point file from main.tsx (or main.ts) to main.lazy.tsx

Then create a new index.tsx file:

Before starting be aware that oidc-spa is not suited for Next.js.

If you are using Next the closer alternative is to use (with if you are using Keycloak). See .

If you're having issues don't hesitate to reach out on Discord!

npm install oidc-spa

yarn add oidc-spa

pnpm add oidc-spa

bun add oidc-spa

This is optional but recommended for better performances and security.

First rename your entry point file from main.tsx (or main.ts) to main.lazy.tsx

mv src/main.tsx src/main.lazy.tsx

Then create a new main.tsx file:

Comming soon, .

You can skip this for now. It will be explained in the dedicated setup guide:

First rename your entry point file from main.tsx (or main.ts) to main.lazy.tsx

Then create a new index.tsx file: