LWC - navigation in lightning community

Hello
I recently started working on the LWC framework, which is the next version of aura framework.
today i came across a situation where I have to navigate to different pages or list views from the home page and I started using the different options and found below one working.


 Html

<lightning-vertical-navigation-item-badge label="New" name="New" badge-count="9"

onclick={redirectNewLeadListView} data-id="00B3C000008JexJUAS">

</lightning-vertical-navigation-item-badge>

Js

redirectNewLeadListView(event) {

var recordIds = event.target.dataset.id;

//window.alert(recordIds);

this[NavigationMixin.Navigate]({

"type": "standard__webPage",

"attributes": {

"url": "/communityPage/s/recordlist/Lead/Default?Lead-filterId="+recordIds

}

});

}