Build complete Vue applications with file-system routing, SSR, data fetching, modules, and generated types—on the backend runtime that fits your project.
import Express from "express";
import { express } from "runable/adapters/express";
const server = Express();
server.get("/api/health", apiHealth);
server.use(express());
server.listen(3000);Frontend
Vue 3
Rendering
SSR + CSR
Backend
Your choice
02 — Why Runable
Vue gives developers a flexible foundation. Meta-frameworks like Nuxt make that foundation faster to use, but they often arrive with a server stack already chosen for you. That works until your project needs Fastify, NestJS, AdonisJS, Express, Hono, or an existing backend.
Runable separates the application experience from the HTTP runtime. You get conventions for the Vue side and connect them to your server through a small adapter.
The result is one application, one routing model, and one familiar workflow—without splitting the frontend and backend simply to keep control of your infrastructure.
03 — Capabilities
Runable connects project structure, server rendering, and the Vue ecosystem into one coherent development model—without taking over your backend.
Runable application layer
Organize the application with familiar files and folders. Runable turns that structure into working code.
Pages become typed routes automatically.
Use components and composables without import noise.
Share navigation and structure across route groups.
Protect, redirect, or transform each navigation.
Keep route behavior next to the page that owns it.
Load data once, render the initial response on the server, then continue seamlessly in the browser.
Fetch before rendering with cache-aware composables.
Return complete HTML from the first request.
Restore state and take over on the client cleanly.
Control titles, metadata, Open Graph, and schema.
Choose SSR or client rendering for each need.
Extend the framework without giving up Vue, Vite, TypeScript, or the backend stack your team already uses.
Package and share reusable Runable features.
Connect behavior to the application lifecycle.
Attach Runable to the HTTP server you choose.
Get TypeScript support from project conventions.
Use Vue libraries and Composition API directly.
Productive Vue conventions above. Your runtime underneath.
Explore every API04 — Runtimes
Runable meets your server through a small adapter contract. The Vue application stays the same while the runtime remains your decision.
Use an official adapter or implement the same contract yourself.
Explore integrations05 — Sponsors
Sponsorship turns community support into focused engineering time for the framework, its integrations, and the documentation around them.
06 — Get Started
Start with the CLI, read the documentation, or explore the ecosystem. No lock-in, no backend dependency — just Vue, TypeScript, and the runtime of your choice.
MIT License · TypeScript · Vue 3