Frontend
Why This Frontend Stack?
React with TypeScript gives you a component-based frontend that’s easy to read and extend. Styles live in a plain CSS stylesheet with shared design tokens (colors, spacing, and type), so your app’s look is defined in one place you can read and edit. There’s no Vite, Tailwind, or PostCSS — Fabricate bundles your app when it deploys.Backend
Why a Durable Object on Cloudflare Workers?
Each app’s server code runs as a single Cloudflare Durable Object. Your API routes are handled directly in itsfetch handler, and libraries such as Hono can be added if your app needs them. Because the same Durable Object holds your app’s database, your server code and your data live together, with no separate database service to connect.
Database
Your app’s server code creates its tables with standard SQLite syntax. There’s no database server to provision and no connection to configure. See Database for details.
Full Stack Architecture
Can I Change the Tech Stack?
Currently, Fabricate generates code for this specific stack. On a paid plan, you can download 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 add an npm package and use it. For example: “Add a charting library and create a line chart component showing monthly revenue.” Packages that rely on their own CSS files, fonts, or a separate build step may not work.
Can I use a different CSS framework?
Can I use a different CSS framework?
Not one that needs a build step. Generated apps are styled with plain CSS in a stylesheet linked from the page, and Tailwind and PostCSS aren’t available.
Is React Server Components supported?
Is React Server Components supported?
The current stack is a client-side React SPA with its server running in your app’s Durable Object. Server components are not used in the current architecture.