# Keycloak angular ssr login redirection not working

**URL:** <https://forum.keycloak.org/t/keycloak-angular-ssr-login-redirection-not-working/26809>\
**Category:** Miscellanaeous\
**Tags:** authentication\
**Created:** [July 4, 2024, 10:49am UTC](https://forum.keycloak.org/t/keycloak-angular-ssr-login-redirection-not-working/26809 "2024-07-04T10:49:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![soungsid](https://yyz2.discourse-cdn.com/free1/user_avatar/forum.keycloak.org/soungsid/32/10805_2.png) [@soungsid](https://forum.keycloak.org/u/soungsid)\
**Post date:** [July 4, 2024, 10:49am UTC](https://forum.keycloak.org/t/keycloak-angular-ssr-login-redirection-not-working/26809/1 "2024-07-04T10:49:52Z")

</div>

In my angular SSR app, i want login component redirect automaticaly to keycloak.

```auto
export class LoginComponent implements OnInit {
  constructor(
    private keycloakService: KeycloakService
  ) {
  }

  async ngOnInit(): Promise<void> {
    console.log("in my login component oninit");
    await this.keycloakService.login();
  }

}

```

Here the `keycloakService.login ` function :

```auto
login() {
    console.log("redirecting vers keycloak")
    return this.keycloak?.login();
  }

```

I registered the keyclaok initialization as APP\_INITIALIZER. Here its init method :

```auto
async init(): Promise<void> {
    if (typeof window === 'undefined') {
      return;
    }
    try {
      const { default: Keycloak } = await import('keycloak-js');

      const config = { ... };
      this.keycloak = new Keycloak(config);

      const authenticated = await this.keycloak.init({
        checkLoginIframe: false,
        onLoad: 'check-sso',
        silentCheckSsoRedirectUri: window.location.origin + "/assets/keycloak/silent-check-sso.html",
      });

      console.log('Keycloak initialized successfully');

      if (authenticated) {
        let up = (await this.keycloak.loadUserProfile()) as UserProfile;
        up.token = this.keycloak.token || '';
        up.anonymous = false;
        this.setUserProfile(up);
      }
    } catch (error) {
      console.error('Failed to initialize Keycloak', error);
      throw error;
    }
  }

```

To test my configuration, When I change the onLoad: ‘check-sso’ parameter to onLoad: ‘login-required’, I m redirected to keycloak login page as expected .

In the server logs, the `console.log("in my login component oninit")` is displayed. But it is not displayed in browser console.

Now I want to be redirected to only if the user navigate to my app login page.

What am I missing?