Export Code
Preview and export your project as standalone source code you can host anywhere. The screen shows exactly which files each target produces before you download anything.
Go to Code in the top navigation bar, then select Export Code from the left rail.
Choose an export target
Select what to export from the Export Target rail:
| Target | Description |
|---|---|
| Backend | API, models, and routes — standalone Node.js (Express). |
| Frontend | Components, pages, and hooks — standalone React (shadcn). |
Preview the stack
The Stack panel lists what the selected target generates. These values are synced from your Application settings — change them there, not on this screen.
For the Backend target, the panel lists:
| Setting | Description |
|---|---|
| Framework | The backend runtime (for example, NODEJS). |
| Server | The server framework (for example, EXPRESS). |
| ORM | The database layer (for example, SEQUELIZE). |
| Validation | The validation library (for example, ZOD). |
| File Upload | The file-upload provider (for example, SYSTEM). |
| Enable Swagger | Whether interactive API documentation is generated. |
| Port | The port the server runs on (for example, 8000). |
Beneath the list, the backend preview also shows Database (for example, POSTGRESQL) and Application Type (for example, SINGLE PAGE APPLICATION (SPA)).
Preview the files
Before you export, the right panel shows the exact folder tree the target produces, with live file and folder counts. Expand a folder to see what it contains. Each export builds a fresh copy from your current schema.
Export your project
- Select Backend or Frontend as the export target.
- Click Export project in the bottom-right corner of the tab.
- When the build finishes, open the Downloads panel from the Download icon beside Publish.
During export, code analysis validates your configuration and stops if it finds issues. You can bypass the analysis and export anyway, but the generated code may contain errors. Common issues are missing required field configurations, invalid relationship references, and incomplete collection setup.
Downloads
The Downloads panel lists all generated exports. Each entry shows:
| Column | Description |
|---|---|
| Generated By | The team member who started the export. |
| Type | frontend or backend. |
| Date | When the export was created. |
| Status | The current state of the export. |
| Download Link | Download the generated files. |
Export status values:
| Status | Description |
|---|---|
| QUEUED | The export is waiting to be processed. |
| BUILDING | Code generation is in progress. |
| GENERATING | Files are being packaged. |
| READY | The export is complete and ready to download. |
| FAILED | The export encountered an error. |
Click Refresh to update the status of pending exports.
Deploy exported code
After downloading, deploy the code to any hosting provider:
- Extract the archive.
- Run
npm install. - Set the environment variables.
- Run
npm run build. - Deploy to your platform.
Generated code is standalone and doesn't require Hyper to run. You own the exported source code.
Related
- Backups — Snapshot and restore your project schema
- Publish — Deploy a live instance to the cloud
- Application settings — Set the stack this export uses