Svelte 5 SPA Router 🚀 🔥

An SPA router for Svelte that allows you to divide & conquer your app with nested routers, snippets, and more.

Note

Live demo: https://demo.router.svelte.spa

API documentation: https://docs.router.svelte.spa

Features

• Built for Svelte 5 🚀!
• Divide & conquer - use nested routers all over the place.
• Use components, snippets, or both 🔥!
• Use regex paths (e.g. /foo/(.*?)/bar) and/or named parameters together.
• Use async routes simply with component: async () => import("./my-component.svelte").
• Add hooks to your routes to control the navigation flow 🔧.
• Automagic styling of your anchor tags 💄.
• Helper methods 🛠️ to make your life easier.
• Debugging tools included 🔍.

Installation

npm install @mateothegreat/svelte5-router

Table of Contents

• Getting Started
• Routing
• Hooks
• Helper Methods
• Default Status Mapping
• The Router Registry
• Route Styling
• Accessing Props
• Debugging