nuxt-protokit

Schema-driven rapid prototyping for Nuxt 4. Turn a TypeScript schema into a persistent, interactive SaaS tool in minutes — backed by Y.js CRDT + IndexedDB, auto-synced across tabs, with optional server sync.

When to Use

• Defining a PrototypeSchema with fields, collections, derived values, or visualizations
• Writing usePrototype() or useProtoCollection() composables
• Using <ProtoTool>, <ProtoDashboard>, <ProtoCrudModal>, <ProtoCalendar>, <ProtoViz> components
• Configuring offline persistence, encryption, namespace isolation, or corruption recovery
• Creating custom field/viz extensions with defineProtokitExtension
• Using headless mode (defineHeadlessSchema) without UI components

Quick Start

// schema.ts
import { definePrototype } from '@websideproject/nuxt-protokit'