Skip to main content

Documentation Index

Fetch the complete documentation index at: https://fabricate.build/docs/llms.txt

Use this file to discover all available pages before exploring further.

Fabricate generates apps using a carefully chosen, modern stack. Every library and framework is selected for performance, developer experience, and real-world production readiness.

​
Frontend

TechnologyVersionWhy
React18Industry standard, mature concurrent rendering, massive ecosystem
TypeScriptLatestType safety, better IDE support, fewer runtime errors
ViteLatestExtremely fast development builds, excellent HMR
Tailwind CSS4Utility-first, no CSS files to maintain, perfect for AI generation
shadcn/uiLatestHigh-quality accessible components, fully customizable

​
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

TechnologyVersionWhy
Hono.jsLatestLightweight, TypeScript-first, runs on edge runtimes
Cloudflare WorkersLatestGlobal edge deployment, instant cold starts, no servers to manage

​
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

TechnologyWhy
Cloudflare D1SQLite-compatible, globally distributed, integrated with Cloudflare Workers
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

Browser
  └── React 18 + TypeScript + Vite (Frontend)
        ├── shadcn/ui components
        ├── Tailwind CSS 4 styling
        └── API calls to Hono.js routes

Cloudflare Edge
  └── Hono.js API (Cloudflare Workers)
        ├── Business logic
        ├── Authentication middleware
        └── D1 database queries

Cloudflare D1
  └── SQLite database
        ├── User data
        ├── App data
        └── Session storage

​
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.
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.”
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.
The current stack is a client-side React SPA with a Hono.js backend. Server components are not used in the current architecture.