wire:navigate | Navigate Page without Reload in Laravel Livewire 3 | EP 14

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 serve

Now, 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:

I hope it can help you...