wire:navigate | Navigate Page without Reload in Laravel Livewire 3 | EP 14
By Hardik Savani
• February 7, 2025
Laravel
Laravel Livewire
In this post, I will show you how to use wire navigate html directive with laravel livewire 3.
wire:navigate feature makes page navigation much faster, providing an SPA-like experience for your users. In this example, we will use wire:navigate directive for link and it's not going to reload and display. it will just reder dom without refresh page. so, let's see the example:
resources/views/theme/default.blade.php
<nav>
<a href="/" wire:navigate>Dashboard</a>
<a href="/posts" wire:navigate>Posts</a>
<a href="/users" wire:navigate>Users</a>
</nav>
Run Laravel:
All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:
php artisan serveNow, Go to your web browser, type the given URL and view the app output:
http://localhost:8000/Now, you need to register user and go to dashboard:
Output:
I hope it can help you...
