Client-Side Navigation
This demo showcases SPA-style client-side navigation. Navigation between pages in this route group uses instant transitions without page reloads.
How It Works
This route group uses client-side navigation enabled via defineLayout({ clientNavigation: true }). All routes under /demos/client-nav will navigate without full page reloads.
Try navigating to other pages and notice:
- No page reload (instant navigation)
- Layout persists (navigation bar stays)
- Browser back/forward buttons work
- URL updates correctly
Quick Stats
Overview of your account
Total Users1,234
Active Sessions567
Revenue$12,345
Recent Activity
Latest updates
- • User registration increased by 15%
- • New feature deployed successfully
- • System maintenance completed
Navigation Demo
Try client-side navigation
Click the links in the navigation bar above. Notice how the page doesn't reload - this is client-side navigation!