Frontend
Why This Frontend Stack?
React 18 with TypeScript gives you a type-safe, component-based frontend that scales. Tailwind CSS 4 is ideal for AI-generated code — utility classes are explicit and predictable. shadcn/ui provides beautiful, accessible components that are copied directly into your codebase (not a black-box library), so you can modify them freely.Backend
Why Hono on Cloudflare Workers?
Hono is a lightweight, Express-like framework built specifically for edge environments. Running on Cloudflare Workers means your API routes are distributed globally — responses come from the nearest datacenter to your user, not from a single server in one region. Zero cold starts, no infrastructure management.Database
D1 uses SQLite syntax, which is familiar and well-supported. It’s automatically managed by Cloudflare — no database server to provision, no connection pooling to configure. See Database for details.
Full Stack Architecture
Can I Change the Tech Stack?
Currently, Fabricate generates code for this specific stack. You can export your code and modify it to use different technologies, but the AI-powered build system is optimized for and tested with this stack.Can I add additional libraries?
Can I add additional libraries?
Yes. Ask Fabricate to install and use any npm package. For example: “Add the recharts library and create a line chart component showing monthly revenue.”
Can I use a different CSS framework?
Can I use a different CSS framework?
The generated code uses Tailwind CSS 4. You can ask Fabricate to add CSS modules or styled-components for specific components, but the base styling will be Tailwind.
Is React Server Components supported?
Is React Server Components supported?
The current stack is a client-side React SPA with a Hono.js backend. Server components are not used in the current architecture.