Create app

Creates a new public app inside the resolved workspace. The code must be a single JSX module that exports a default React component.

POST/api/v1/experimental/apps

Creates a new public app inside the resolved workspace. The code must be a single JSX module that exports a default React component.

Request Body

application/json

TypeScript Definitions

Use the request body type in TypeScript.

name*string

a non empty string

Length1 <= length

handle*string

a non empty string

Length1 <= length

description?|

code*string

a non empty string

Length1 <= length

memberRole?string

Hardcoded role available for new workspace API keys

Value in"admin" | "editor" | "viewer"

Example"admin"

memberPermissions?|

publicRole?|

publicPermissions?|

runtimeKeyTtlMs?integer

a positive number

Range0 < value

Response Body

`application/json`

curl -X POST "https://loading/api/v1/experimental/apps" \  -H "Content-Type: application/json" \  -d '{    "name": "Storefront Kiosk",    "handle": "storefront-kiosk",    "description": "Public mini app for in-store ordering and lead capture",    "code": "import { useMemo, useState } from \"react\";\n\nexport default function App() {\n  const [name, setName] = useState(\"\");\n  const greeting = useMemo(() => (name ? `Hello ${name}` : \"Welcome\"), [name]);\n\n  return (\n    <main style={{ minHeight: \"100vh\", padding: 24, fontFamily: \"system-ui\" }}>\n      <h1>{greeting}</h1>\n      <input value={name} onChange={(event) => setName(event.target.value)} placeholder=\"Your name\" />\n    </main>\n  );\n}",    "memberRole": "admin",    "memberPermissions": {      "data": [        "read",        "write"      ]    },    "publicRole": null,    "publicPermissions": null,    "runtimeKeyTtlMs": 300000  }'

{
  "name": "Storefront Kiosk",
  "handle": "storefront-kiosk",
  "description": "Public mini app for in-store ordering and lead capture",
  "code": "import { useMemo, useState } from \"react\";\n\nexport default function App() {\n  const [name, setName] = useState(\"\");\n  const greeting = useMemo(() => (name ? `Hello ${name}` : \"Welcome\"), [name]);\n\n  return (\n    <main style={{ minHeight: \"100vh\", padding: 24, fontFamily: \"system-ui\" }}>\n      <h1>{greeting}</h1>\n      <input value={name} onChange={(event) => setName(event.target.value)} placeholder=\"Your name\" />\n    </main>\n  );\n}",
  "workspaceHandle": "acme-growth-team",
  "url": "/apps/storefront-kiosk",
  "publicUrl": "/apps/storefront-kiosk",
  "createdAt": "2026-03-08T16:00:00.000Z",
  "updatedAt": "2026-03-08T16:00:00.000Z",
  "memberRole": "admin",
  "memberPermissions": {
    "data": [
      "read",
      "write"
    ]
  },
  "publicRole": null,
  "publicPermissions": null,
  "runtimeKeyTtlMs": 300000
}

{
  "issues": [
    {
      "_tag": "Pointer",
      "path": [
        "string"
      ],
      "message": "string"
    }
  ],
  "message": "string",
  "_tag": "HttpApiDecodeError"
}

{
  "code": "authentication_required",
  "message": "Authentication required. Send Authorization: Bearer <api-key>, x-api-key, or a signed-in session."
}

{
  "code": "insufficient_permissions",
  "message": "This API key does not have apps.write permission.",
  "details": {
    "requiredPermission": "apps.write"
  }
}

{
  "code": "conflict",
  "message": "The requested resource already exists."
}

{
  "code": "internal_error",
  "message": "An unexpected server error occurred."
}

Create app

Request Body

Response Body

201application/json

400application/json

401application/json

403application/json

409application/json

500application/json

`application/json`

`application/json`

`application/json`

`application/json`

`application/json`

`application/json`