Demo Setup | Notion

Stack

The demo website uses the following stack

React
Mantine (UI component library and preset for zenstack-ui)
- tailwind for easy styling
Postgres DB + Zenstack (which uses Prisma)
zenstack-ui (this project this demo is for)
react-query
Cloudflare Pages + Cloudflare Workers

Structure

package - the zenstack-ui library package for publishing to npm
example-client - react project
example-server - hono server with zenstack server adapter
zenstack - folder that will be auto-generated later

While the zenstack-ui library can work with any server stack, the demo is specifically setup with easy deployment to Cloudflare Pages and Cloudflare Workers using the existing wrangler.toml files in the server and client folders. However, it requires the Cloudflare Workers paid plan to deploy, since Prisma makes the bundle size >1mb (and the free plan only supports <1mb bundles). As an alternative, you can easily deploy this to a VPS like Render for free as-is, or adapt it to work for other free services like Vercel Serverless Functions.