Playground

Run a real Nifra app, in your browser.

This runs the actual @nifrajs/core - no backend. Define an app with server() (and validate with t), fire requests through app.fetch, and see the structured responses. It's the same engine coding agents run through nifra mcp.

copilot.chat

Hi! Ask me to write Nifra backend code or endpoints (e.g. "Create a task list API with completion status"), and I'll generate and load it into your editor instantly.

Examples

⌘↵ to run

app.tsserver & t in scope - return the appTS

// `server` and `t` are in scope. Build an app and `return` it.
const app = server()
  .get("/hello/:name", (c) => ({ hello: c.params.name }))
  .get("/add", { query: t.object({ a: t.string(), b: t.string() }) }, (c) => ({
    sum: Number(c.query.a) + Number(c.query.b),
  }))

return app

requests.jsonarray of { method?, path, body? }

Response

Loading the playground…