with-svelte-kit

Authorizer Example with SvelteKit

Uses @authorizerdev/authorizer-svelte.

Configuration

Update the provider in src/routes/+layout.svelte with your instance details:

<AuthorizerProvider
  config={{
    authorizerURL: 'https://your-instance.example.com', // Base URL of your Authorizer instance
    redirectURL: typeof window != 'undefined' ? window.location.origin : ``, // URL to redirect to after login
    clientID: 'YOUR_CLIENT_ID' // Client ID from the Authorizer dashboard
  }}
>

Authorizer v2 server is configured entirely via CLI flags (no .env / OS env vars), e.g.

./authorizer \
  --database-type sqlite --database-url authorizer.db \
  --url http://localhost:8080 \
  --jwt-type HS256 --jwt-secret <jwt-secret> \
  --encryption-key "$(openssl rand -hex 32)" \
  --client-id <client-id> --client-secret <client-secret> \
  --admin-secret <admin-secret>

All of the above are required as of 2.4.0 — the server exits at boot if any is missing. --url is this server's own address (not the apps allowed to call it, which is --allowed-origins).

Developing

Once you've installed dependencies with npm install, start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.