Overview
Ufbr (Universal File-Based Router) is a framework-agnostic file-based routing solution for modern web applications. It automatically generates routes directly from your directory structure, eliminating manual route definitions.
Built on top of Vite and powered by the Ziko.js router engine, ufbr is engineered specifically for fast, client-side single-page applications (SPAs).
Use Cases
Section titled “Use Cases”🟩 When to Use ufbr (SPA-Focused)
Section titled “🟩 When to Use ufbr (SPA-Focused)”-
Dashboards & Admin Panels
- Analytics dashboards
- CMS back offices
- Internal management interfaces
- Why? No SEO requirements, high interactivity, and persistent local state.
-
SaaS Applications (Authenticated Areas)
/app/app/projects/app/settingsBehind login barriers where client-side transitions must feel instant.
-
Developer Tools & Interactive Web Apps Real-time canvas applications, IDEs, and workspace editors.
-
Component Demos & Playgrounds
/demos/button/demos/modalEach file acts as an isolated, standalone demo route.
- PWAs & Offline-First Apps Client-driven navigation operating without server-side rendering dependencies.
🟦 When NOT to Use ufbr (Use SSR Instead)
Section titled “🟦 When NOT to Use ufbr (Use SSR Instead)”For comparison, server-side rendered (SSR) or static site generation (SSG) frameworks like Astro, Next.js, or Nuxt are better suited for:
- Marketing websites & landing pages
- Content blogs & news articles
- E-commerce product catalogs
- Public documentation sites
Framework Support Matrix
Section titled “Framework Support Matrix”| Technology | Support Status | Online Demo |
|---|---|---|
Zikojs |
Native Core | |
React |
Supported | |
Preact |
Supported | |
Solid-js |
Supported | |
Svelte |
Supported | |
Vue |
Supported | |
Vanjs |
Supported |