View and download your code

Everything Buildliy builds is real code that belongs to you. You never have to look at it, but you can at any time: read any file, search across the whole app, download it, or send it to your own GitHub account.

What your app is built with

Your app is a standard modern web app, the same kind professional developers build by hand:

• Next.js and React for the pages and how they work
• TypeScript, a widely used version of JavaScript
• Tailwind CSS for styling, with ready-made interface components from shadcn/ui

Any web developer who knows React can read it and work on it. Secret keys you save in Buildliy are kept in your app's settings, not written into the code.

Open the Code tab

Click Code at the top of the workspace, next to Preview and Manage. The file tree is on the left and the file you're reading is on the right. On a phone, the tree sits above the code.

Before your first build, the tab says No code yet. During your first build, it shows the files as they're being written. The Code tab always shows your app's newest version.

Find and read files

• Open a file. Click it in the tree. It opens in a tab above the code, so you can keep several files open and switch between them. Click × on a tab to close it.
• Search. Type in the Search code… box above the tree to find files by name or by anything written inside them. It shows how many files match. Press CmdShiftF (Mac) or CtrlShiftF (Windows) to jump to the search box, and Esc to clear it.
• Copy a file. Click the Copy file button above the code to copy the whole file.
• Download a file. Click the Download this file button above the code to save just that file.

Download the whole codebase

Click Download codebase at the bottom of the file tree. Buildliy packs every file into a ZIP named after your project, and your download starts in a moment.

The ZIP holds your app's code exactly as it is in the builder. It doesn't include the pictures in your app (AI-made or uploaded), your secret keys, or your app's data. For a complete hand-off, use GitHub instead (see below).

The Code tab is read-only

You can't type into the code here. To change your app, ask in the chat or use Edit by clicking. That way every change is saved as a version you can undo from Version history.

If you know which file needs changing, you can point the AI at it. Type @ in the chat box and pick the file from the list, or name it in your message:

In the contact page, change the form so the phone number field is optional

To see exactly which lines a build changed, open the ⋯ menu on the AI's reply and choose See changed files. See Version history.

Lock files you want kept

Hover over a file in the tree and click the small lock icon next to it. The AI's changes to a locked file are blocked in every build. Click the lock again to unlock it. On a team, the project's owner and Admins can lock and unlock files; other teammates see a lock icon on locked files but can't change it. See Project knowledge for locking and for keeping single parts of a page as they are.

Send your code to GitHub

The project's owner can connect their GitHub account and send the app to a private repository in their own account, then push new versions whenever they like. If someone edits the repository on GitHub, Buildliy sends its next update as a pull request instead of overwriting their work. See GitHub.

Hand your project to a developer

You have three good options:

To run the code from GitHub on their own computer, a developer needs Node.js 20 or newer and runs npm install then npm run dev. The README in the repository explains this, along with any settings they need to fill in.

Related

• GitHub
• Project knowledge
• Version history
• Teams