I am building a lightning community using LWC, where on successful login trying to navigate to standard home page of the community, but i see no URL redirection is happening.Below is the logic i have written.

    import { LightningElement } from 'lwc';
    import authenticateLogin from "@salesforce/apex/Login_Controller.authenticateLogin";
    import { NavigationMixin } from 'lightning/navigation';

export default class LoginPage extends NavigationMixin(LightningElement){

        handleLogin(event) {
            var userName= this.template.querySelector(".userName");
            var password = this.template.querySelector(".password");

            authenticateLogin({ userName: userName.value , password : password.value})
                    .then(result => {
                        console.log("Auth success ! ");
                            type: 'comm__namedPage',
                            attributes: {
                                pageName: 'home'
                            console.log("Navigation success ! ");
                    .catch(error => {
                        this.error = error;
                        console.log("error "+error);

                    .finally(() => {
                        console.log("finally ");



On console.log i see both "Auth success !" and "Navigation success !" are coming but the redirection is not happening, am i doing anything wrong in this.

This is the help doc i am following to achieve this - https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.reference_page_reference_type

  • can you show full code – salesforce-sas Sep 3 '19 at 13:54
  • @salesforce-sas Hi, i have updated the full js code, please let me know if you need me to update html details. – abey Sep 3 '19 at 14:08

I had the exact same issue and fixed it adding the navigation menu bar on my login page.

In my case, I had to make a custom theme Layout. For that I created an aura component in which I added a custom navigation bar (another aura component that I had to create because I needed to override the "Home" button functionality) adding the following div:

<div class="navigation">
    <!-- you add this line here if you want to use the standard nav bar --> 
    <!-- you add this line if you have a custom nav bar -->

(Use this documentation as reference: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_builder_theme_layout.htm)

The result .cmp file of the custom layout component will be something like this:

<aura:component implements="forceCommunity:themeLayout" access="global" description="Sample Custom Theme Layout">
    <aura:attribute name="navBar" type="Aura.Component[]" required="false"/>
    <aura:attribute name="newHeader" type="Aura.Component[]" required="false"/>
    <div style="outline: none; max-width: 1440px; margin-left: auto; margin-right: auto;">
        <div class="profileMenuRegion">
        <div class="newHeader">
        <div class="navigation">
            <!-- here goes the reference to the custom nav bar component -->
        <div class="mainContentArea" style="outline: none; max-width: 1140px; margin-left: auto; margin-right: auto;">

I don't know if while using a standard theme you need to explicitly add to the page the navigation bar.

  • Thanks Nadia, can you give more details on how to add Navigation menu bar, as i couldn't find any of such option. May be a screen shot will be really helpful. – abey Sep 5 '19 at 14:15
  • I updated my answer with more details of my case. Let me know if it's still not clear. – Nadia Recarey Sep 5 '19 at 17:12
  • Thanks Nadia, i will use try this approach and let you know. – abey Sep 6 '19 at 6:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.