Angular

Authentication for Angular, the native way

Add auth with a root-provided, signals-based service, a functional HTTP interceptor, and a route guard. Authdog integrates with Angular's dependency injection and HttpClient instead of bolting on beside them.

Start building Read the docs

Provide it once

app.config.ts

// app.config.ts
import { provideAuthdog, authdogInterceptor } from "@authdog/angular"
 
export const appConfig = {
  providers: [
    provideAuthdog({ publicKey: "pk_…" }),
    provideHttpClient(withInterceptors([authdogInterceptor])),
  ],
}

Dependency injection native

Everything Angular apps need

A signals-based service, an HTTP interceptor, and a route guard that fit Angular's DI model.

provideAuthdog()

Register the SDK in your standalone app config and it's available across your dependency-injection tree — no module boilerplate.

Signals-based service

AuthdogService exposes token, isLoading, isAuthenticated, and user as signals, so templates and computed() values stay in sync automatically.

HTTP interceptor

authdogInterceptor attaches Authorization: Bearer <token> to outgoing HttpClient requests, so your API calls are authenticated for free.

Route guard

Gate routes with the built-in functional guard — unauthenticated users are redirected before a protected component ever loads.

Automatic bootstrap

The service hydrates the session on startup and keeps the token fresh, so isLoading tells you exactly when auth state is ready.

Typed & native

Integrates with Angular's DI and HttpClient the way the framework intends — fully typed signals, interceptor, and guard.

Inject the service anywhere

Auth state as signals

Inject AuthdogService and read token, isAuthenticated, and user straight from signals. They work seamlessly in templates and computed() values, so your UI tracks sign-in and sign-out with zero manual wiring.

profile.component.ts

// profile.component.ts
import { AuthdogService } from "@authdog/angular"
 
export class ProfileComponent {
  readonly auth = inject(AuthdogService)
 
  // signal-driven state
  user = this.auth.user
}

Ship auth, not boilerplate

Authdog's Angular integration plugs into DI and HttpClient, so a single provider gives you a reactive service, an interceptor, and a guard.

1 provider

To wire auth into your app

Add provideAuthdog() to your app config and the service, interceptor, and guard are available across DI — no NgModule plumbing.

Signals

Reactive auth state

Auth state is exposed as Angular signals, so your templates and computed values update the moment a user signs in or out.

1 guard

To protect a route

Drop the route guard onto a path and unauthenticated users are redirected before the component loads — no flash of protected content.

Add auth to your Angular app.

Install the SDK, add provideAuthdog() to your app config, and protect your routes today. Free to start, with secure defaults built in.

Start Building