deploy-frontend

## Overview 7-step workflow for deploying static frontends to Butterbase. Covers building, CORS, zipping, uploading, and verification. --- ## Framework Reference Table | Framework | Build command | Output dir | Env prefix | Framework flag | |-----------------|-----------------|--------------|-----------------|-----------------| | React (Vite) | `npm run build` | `dist/` | `VITE_` | `react-vite` | | Next.js (static)| `next build` | `out/` | `NEXT_PUBLIC_` | `nextjs-static` | | Plain HTML | (none) | project root | N/A | `static` | > **Note:** Next.js requires `output: 'export'` in `next.config.js` to produce a static export. --- ## Step 1: Set Environment Variables Use `manage_frontend` with `action: "set_env"` to configure the API URL and app ID before building. These variables are injected at build time by the framework. ```json { "app_id": "app_abc123", "action": "set_env", "vars": { "VITE_API_URL": "https://api.butterbase.ai/v1/app_abc123", "VITE_APP_ID": "app_abc123" } } ``` - For Vite, prefix all public variables with `VITE_` - For Next.js, prefix with `NEXT_PUBLIC_` - For Create React App, prefix with `REACT_APP_` `set_env` upserts; you can call it again to add or change variables. --- ## Step 2: Build Run the framework-specific build command to produce the static output directory. | Framework | Command | |------------------|-------------------| |...