raisindb-frontend-sveltekit
RaisinDB SvelteKit Frontend
Build a SvelteKit app that renders RaisinDB content pages using path-based routing. Pages are fetched by path via SQL over WebSocket, then rendered by mapping their archetype to a Svelte component. Elements inside pages use the same registry pattern.
1. Setup
npm create svelte@latest frontend # choose Skeleton, TypeScript
cd frontend
npm install @raisindb/client
Use adapter-auto (default) or adapter-node. SSR is disabled since all data comes over WebSocket.
Create frontend/.env — ask the user for the repository name and server URL:
PUBLIC_RAISIN_URL=ws://localhost:8080/sys/default
PUBLIC_RAISIN_REPOSITORY=ask-the-user
More from maravilla-labs/raisindb
raisindb-sql
SQL syntax for querying RaisinDB workspaces: CRUD, JSONB properties, hierarchy queries, graph relations, full-text search. Use when writing queries in frontend or server-side functions.
3raisindb-auth
Authentication flows for RaisinDB apps: anonymous access, login, register, session management, auth state listeners. Use when adding authentication to your frontend.
3raisindb-translations
Multi-language content with translation files and locale-based queries. Use when adding internationalization to your RaisinDB app.
3raisindb-file-uploads
Upload, store, and display files using the raisin:Asset system. Covers single/batch uploads, progress tracking, signed URLs, and thumbnails. Use when adding file handling to your app.
3raisindb-frontend-react
Build a React Router frontend for your RaisinDB app with path-based routing, archetype-to-component mapping, and SSR-to-WebSocket upgrade. Use when creating a React frontend.
3raisindb-overview
Core concepts of RaisinDB content-driven applications. Use when building any RaisinDB app. Teaches: path-as-URL routing, archetype-to-component mapping, content modeling, project structure.
3