Application
The Application tab defines your project's technology stack and framework options. Go to Settings → Application to access these settings.
Application type
| Setting | Value | Description |
|---|---|---|
| Application Type | Single Page Application (SPA) | The architecture style for your application. |
| Database | PostgreSQL | The primary database for the application. |
Frontend configuration
The frontend technology stack settings are listed below. Only Theme and Port are editable. The other settings display the default technology stack used by generated code.
| Setting | Default Value | Description |
|---|---|---|
| Framework | React | Frontend framework |
| State Management | Redux | State management library |
| UI Library | Shadcn UI | UI component library |
| Theme | Light | Default theme mode. Options: Light, Dark, System. |
| Validation | Zod | Validation library |
| Data Fetching | React Query | Data fetching library |
| Form Library | React Hook Form | Form handling library |
| Port | 3000 | Frontend development server port |
Backend configuration
The backend technology stack settings are listed below. Only Port is editable.
| Setting | Default Value | Description |
|---|---|---|
| Framework | Node.js | Backend runtime |
| ORM | Sequelize | Object-Relational Mapping library |
| Server | Express | Server framework |
| Validation | Zod | Validation library |
| File Upload | Local File System | File upload storage method |
| Port | 8000 | Backend server port |
Backend toggles
| Toggle | Description |
|---|---|
| Enable Swagger | Generate API documentation with Swagger |
note
The Port setting determines which port your backend API server runs on. Ensure this doesn't conflict with other services.
Related
- Settings Overview
- Database — Set up the database connection
- Deploy and Export — Export frontend or backend code