• Overview
  • Components
  • Live data
  • Blog
  • Agent
Edge JSON

Solutions

  • Edge SSREvery page rendered per request on a Worker
  • Forms & controlsInputs, toggles, tabs, modals and more
  • Data from the edgeLive weather for 12 cities in one fetch
  • EditorialArticles, bylines and quotes
  • Agent UIPlans, messages and command approvals
  • Overview
  • Components
  • Live data
  • Blog
  • Agent
Edge JSON
  1. Overview
  2. Agent

Agent panel

AgentPanel composes Plan, PlanStep, AgentMessage, AgentCommandConfirmation and PromptComposer. Replies come from a route handler running on the Worker.

Edge agent (4)

Agent workspace
Ready
Activity log3

Read edge headers · Rendered page · Awaiting approval

  1. You
    Deploy the Spektral demo to the edge.
  2. Agent
    Here's the plan. The steps reflect how this site was actually built.
  3. AI plan

    Ship Spektral on Cloudflare Workers

    Running
    Overall progress
    75%
    1. Scaffold Next.js App Router with vinext
      Completed
      Details
      create-vinext-app --platform cloudflare
    2. Install the Spektral package
      Completed
      Details
      ds-lib 1.15.0 from the release tarball
    3. Build pages from Spektral components
      Completed
      Result
      5 pages, 2 API routes
    4. Deploy and attach the custom domain
      Running
    75 percent complete. Running: Deploy and attach the custom domain.
  4. Shell command approval

    Needs approval

    Build the Worker and upload it to Cloudflare.

    Full command
    npm run deploy
    Working directory~/next-js-react-spektral-test
    Expected changes
    • Upload a new Worker version
    • No source files will be modified
Talking to a route handler on the Worker
The host controls which commands may run without manual approval.
SpektralServed from CMHNext.js App Router on Cloudflare Workers, using the Spektral design system.