Mahmoud Al-HabashOpen to new projects
  • WorkWork
  • ServicesServices
  • LabLab
  • WritingWriting
  • ContactContact
Amman--:--عربي
Writing/Laravel

Livewire Wire:Navigate - SPA Experience

Create a single-page application experience with Livewire's wire:navigate feature.

24 December 20251 min readLaravelاقرأ بالعربية

On this page

  1. Basic Navigation
  2. How It Works
  3. Prefetch on Hover
  4. Disable for External Links

SPA-like navigation with wire:navigate:

Basic Navigation

blade
<a href="/posts" wire:navigate>View Posts</a>

How It Works

Key features:

- Intercepts link clicks
- Loads content via AJAX
- Updates URL without reload
- Preserves scroll position

Prefetch on Hover

blade
<a href="/posts" wire:navigate.hover>Posts</a>

Disable for External Links

blade
<a href="https://example.com">External</a>

Great for improved perceived performance!

All articles

Keep reading

  • Laravel Action Classes Pattern16 January 20261 min read
  • Laravel Action Classes: Single Responsibility16 January 20261 min read
  • Laravel API Rate Limiting16 January 20261 min read