raisindb-frontend-react
RaisinDB React Router Frontend
Build a content-driven React app that maps RaisinDB archetypes to React components, uses path-based routing, and upgrades from SSR HTTP to real-time WebSocket after hydration.
1. Setup
npx create-react-router@latest my-app && cd my-app && npm install @raisindb/client
Create .env — ask the user for the repository name and server URL:
VITE_RAISIN_URL=ws://localhost:8080/sys/default
VITE_RAISIN_REPOSITORY=ask-the-user
VITE_RAISIN_WORKSPACE=content
The repository is the server-side database name. The workspace is defined in package/workspaces/*.yaml. Default port is 8080.
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-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.
3raisindb-access-control
Roles, permissions, groups, and row-level security for RaisinDB. Configure anonymous access, custom roles, and fine-grained permissions in your package. Use when setting up authorization.
3