import { LightningElement, api, wire } from 'lwc';
import { CurrentPageReference } from 'lightning/navigation';
 
export default class AccountDetailPageLWC extends LightningElement {
    data;
    error;
    @api recordId;
    currentPageReference = null; 
    urlStateParameters = null;
  
    @wire(CurrentPageReference)
    getPageReferenceParameters(currentPageReference) {
       if (currentPageReference) {
          console.log(currentPageReference);
          this.recordId = currentPageReference.attributes.recordId || null;
          let attributes = currentPageReference.attributes;
          let states = currentPageReference.state;
          let type = currentPageReference.type;
       }
    }
}

• NavigationMixin.Navigate

navigationLwc.html

<template>
    <lightning-card variant="Narrow" title="LWC Navigation" icon-name="standard:recipe">
            <div class="slds-p-horizontal_small" style="text-align:center">
                    <lightning-button variant="brand" label="Navigate to another LWC" onclick={handleNavigate}></lightning-button>
            </div>
    </lightning-card>
</template>

navigationLwc.js

import { LightningElement } from 'lwc';
import { NavigationMixin } from 'lightning/navigation';
 
export default class NavigationLwc extends NavigationMixin(LightningElement) {
         
    handleLWCNavigate() {
        let compDefinition = {
            componentDef: "c:targetlwc",
            attributes: {
                name : 'Hello World'
            }
        };
        
        // Base64 encode the compDefinition JS object
        let encodedCompDef = btoa(JSON.stringify(compDefinition));
        this[NavigationMixin.Navigate]({
            type: "standard__webPage",
            attributes: {
                url: "/one/one.app#" + encodedCompDef
            }
        });
    }	 
}

targetlwc.html

<template>
    <lightning-card variant="Narrow" title="LWC Navigation" icon-name="standard:recipe">
        <div class="slds-p-horizontal_small" style="text-align:center">
            {name}
        </div>
    </lightning-card>
</template>

targetlwc.js

import { LightningElement, api } from 'lwc';
     
export default class Targetlwc extends LightningElement {
    @api name;
}

• NavigationMixin.GenerateUrl

//1. Navigate to a Visualforce page
    navigateToVF() {
        this[NavigationMixin.GenerateUrl]({
            type: 'standard__webPage',
            attributes: {
                url: '/apex/myVFPage?id=' + this.recordId
            }
        }).then(generatedUrl => {
            window.open(generatedUrl);
        });
    }
// Here we use NavigationMixin.GenerateUrl to form the URL and then navigate to it in the promise.

//2. Generate a URL to a record page

@api recordId;
recordPageUrl; // variable to be associated to anchor tag.

generateURLforLink() {
    this[NavigationMixin.GenerateUrl]({
        type: 'standard__recordPage',
        attributes: {
            recordId: this.recordId,
            actionName: 'view',
        },
    }).then(generatedUrl => {
        this.recordPageUrl = generatedUrl;
    });
}
// NavigationMixin.GenerateUrl returns the Generated URL in the promise.
// We can even use this in  window.open(generatedUrl) command