Skip to main content
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 19 + TypeScript app (src/client.tsx), styled with plain CSS in public/styles.css and loaded from public/index.html.
  • Backend — your API routes in src/index.ts, which runs as a Cloudflare Durable Object on Cloudflare Workers.
  • Database — tables in the Durable Object’s built-in SQLite storage, created by your app’s own server code.
  • Auth — built-in email-and-password accounts in src/auth.ts when your app needs them.
Knowing this layout makes the file tree easy to read: UI lives in the client files, server logic and data access live in the server code, and styles live in the stylesheet.

​
Working With Files

On Pro and Scale, you can edit a file in the Code view and save it; on the Free plan, the Code view is read-only. For most changes, describe what you want in a prompt and the AI agent updates the relevant files for you. You can also download your project or push it to GitHub, but changes made outside Fabricate aren’t brought back into your project.
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, on Pro and Scale. 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 database behind your project.

Push to GitHub

Push your code to a GitHub repository.

Export Code

Take your full codebase with you.