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.

The File Explorer lets you see exactly what Fabricate built. It shows the full file tree of your generated project, so you can navigate the codebase the same way you would in any code editor.

​
Browsing Your Files

Open the Code view in the workspace to see the File Explorer. The file tree mirrors your project’s real structure — expand folders to drill into components, API routes, and configuration. Selecting a file opens it in the Code view, a Monaco-based editor (the same editor that powers VS Code) with syntax highlighting. It’s a great way to understand how a feature was implemented or to confirm what changed after a prompt.
You don’t need to read every file to build a great app. The File Explorer is there when you’re curious how something works — not a requirement for shipping.

​
Understanding the Project Structure

Fabricate generates a full-stack app on a consistent stack, so projects share a familiar shape:
  • Frontend — a React 18 + TypeScript app built with Vite, styled with Tailwind CSS and shadcn/ui components.
  • Backend — Cloudflare Workers handling your API routes.
  • Database — a Cloudflare D1 (SQLite) database with its schema and migrations.
  • Auth and payments — self-generated JWT authentication and Stripe payment integration where your app needs them.
Knowing this layout makes the file tree easy to read: UI lives in the frontend folders, server logic lives in the Workers code, and data structure lives with the D1 schema.

​
Working With Files

The Code view is built for browsing and understanding your project. To change your app, describe what you want in a prompt and the AI agent updates the relevant files for you. If you want to hand-edit code, export your project or use GitHub Sync.
After the agent finishes a build, open the affected files in the Code view to review the generated code. Pair this with the Live Preview to see the change running.
Yes. You can download the entire project as a zip or push it to a GitHub repository — see Exporting Your Code. You always own your code.

​
Where to Go Next

Live Preview

See your app running while you browse its code.

Database

Understand the D1 database behind your project.

GitHub Sync

Connect a repository for two-way sync.

Export Code

Take your full codebase with you.