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 Commented Sep 3, 2019 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.
    – Rajasekhar
    Commented Sep 3, 2019 at 14:08

1 Answer 1


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.
    – Rajasekhar
    Commented Sep 5, 2019 at 14:15
  • I updated my answer with more details of my case. Let me know if it's still not clear. Commented Sep 5, 2019 at 17:12
  • Thanks Nadia, i will use try this approach and let you know.
    – Rajasekhar
    Commented Sep 6, 2019 at 6:21

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .