Single Source of Truth
One reactive normalized cache keeps your app state in sync.
Skip to content
Read setup options 
Open Docs
A PRACTICAL DATA LAYER FOR VUE AND NUXT
Build fast, data-heavy UIs without wrestling state management.
rstore gives you a local-first normalized cache, typed query and mutation APIs, and plugin-based transport so realtime, offline, and multi-source apps are simpler to build.
normalized cache
local-first
flexible transport
plugins
ui state
reactive
BackendsPluginsCacheComponents
CORE FEATURES
What you get out of the box.
Local-first Cache
Reads happen locally first, so screens stay responsive.
Fast Mutations
Create, update, and delete actions update the UI right away.
Form Handling
Form objects handle values, validation, submit state, and errors.
TypeScript Support
Strong types and autocomplete for queries and mutations.
Data Federation
Pull data from different sources into one store graph.
Live Subscriptions
Connect WebSockets or other realtime sources for live updates.
Offline Support
Keep working offline and sync automatically when connection returns.
Plugin System
Use plugins to connect the store to any data source.
TESTIMONIAL
What people are saying.
"It's cool."
Rijk van Zanten
"I've used it before."
Hannes Küttner
PICK YOUR STACK
Pick the setup that matches how your team works.
Vanilla setup
Vue
Set up the store yourself and add only the plugins you need.
A good fit if you want full control and minimal magic.
View setup
Filesystem-driven
Nuxt
Auto-load collections and plugins from folders, then use one typed `useStore()` across your app.
Great when you want Nuxt conventions and quick onboarding.
View setup
Auto-generated backend
Nuxt + Drizzle
Generate collections and endpoints from your Drizzle schema with very little manual setup.
Useful for full-stack teams building on SQL.
View setup
CORE CAPABILITIES
Common data problems, handled with small, reusable APIs.
Read from one cache graph
Reactive queries
TodoList.vue
Keep reads close to components, stay reactive, and pass backend params explicitly.
<script setup lang="ts">
const store = useStore()
const { data: todos, loading, refresh } = await store.todos.query(q => q.many({
filter: item => !item.completed,
params: {
completed: false,
},
}))
</script>
<template>
<TodoList
:items="todos"
:loading
@refresh="refresh()"
/>
</template> AI SUPPORT Experimental
AI tools can work with your rstore codebase without guessing.
rstore includes skill packs that help AI tools understand your data model and project conventions, so generated changes are easier to trust.
Terminal
npx skills-npmPredictable APIs
Collections, queries, forms, and plugins follow the same patterns, so AI output is easier to review.
Clear project structure
Schema conventions give agents enough context to edit multiple files without random guesswork.
Practical AI workflow
Use AI for repetitive setup and migrations while your team keeps architecture decisions in-house.
NAVIGATION BEACON
Pick a docs path and get moving.
Start with setup, go deeper into architecture, or jump straight to API details.
Launch in minutes
Start from scratch with short setup steps and copy-paste snippets.
Open setup guide
Master your data flows
Learn the core query, mutation, form, cache, and realtime patterns.
Browse data APIs
Plug in any backend
Use plugins and hooks to connect REST, WebSockets, SQL pipelines, or custom transports.
Open plugin guide
Upgrade without turbulence
Follow migration notes to upgrade without breaking your pace.
Read migration notes