Templates

Zebflow renders TSX files as full web pages — no separate build step, no webpack, no vite. Write a .tsx file, and it becomes a server-rendered page with client-side hydration.

How it works

1. Write TSX — standard React/Preact-style components with Tailwind classes
2. Server renders — the RWE (Reactive Web Engine) compiles and SSRs the page via embedded V8
3. Client hydrates — the page becomes interactive in the browser with Preact

Template location

Templates live under the project's template root, organized by convention:

pages/           ← full pages (entry points)
components/      ← shared components
  ui/            ← design system components
behavior/        ← client-side behavior (.ts files)

Pipeline integration

Pages receive data from pipelines via web.response:

| trigger.webhook --path /items --method GET
| sekejap.query -- "SELECT * FROM items"
| web.response --template pages/items-list.tsx

The pipeline output becomes the page's input prop.