# Runnable examples

Canonical URL: https://catofjupit3r.github.io/enumwaii/docs/examples/



The repository examples are independent applications with package manifests, runnable commands, tests, type contracts, and READMEs explaining their boundary and recovery paths.

<Callout type="warn" title="Hosted demos exercise the portable slice">
  StackBlitz runs the browser or Node.js path inside a WebContainer. It cannot
  prove Hono's Bun, Deno, or workerd paths or NestJS's Docker-backed MongoDB
  service. Use the checked-in runtime commands for those environments.
</Callout>

The hosted links import the complete repository so the unpublished local copy of enumwaii remains available through each example's `file:` dependency. They install only the selected example and its dependencies, then build the local library before starting.

<Cards>
  <ExampleCard brands="[&#x22;nextjs&#x22;, &#x22;tanstack&#x22;]" title="Byline · Next.js" description="A newsroom publishing desk with Server Components, TanStack Table, review reducer cases, CMS webhooks, public-status pick(), and explained filter recovery.">
    [Open in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Anextjs\&file=examples%2Fnextjs%2Fapp%2Fpage.tsx) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/nextjs)

    `pnpm --dir examples/nextjs dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;tanstackStart&#x22;, &#x22;solid&#x22;]" title="Statuswaii · TanStack Start + Solid" description="A public status page and internal ops room with SSR loaders, TanStack Form, versioned transitions, typed Slack links, and an honest RPC branding bridge.">
    [Open in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Atanstack-start-solid\&file=examples%2Ftanstack-start-solid%2Fsrc%2Froutes%2Findex.tsx) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/tanstack-start-solid)

    `pnpm --dir examples/tanstack-start-solid dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;vue&#x22;]" title="Crewboard · Vue" description="A members-and-permissions screen with typed role events, a live deriveTo matrix, invitation-safe omit(), and visible URL/localStorage recovery.">
    [Open in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Avue\&file=examples%2Fvue%2Fsrc%2FApp.vue) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/vue)

    `pnpm --dir examples/vue dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;hono&#x22;, &#x22;pglite&#x22;]" title="Counter · Hono + Drizzle + PGlite" description="A café order board backed by embedded Postgres, aliased wire values, drink-size pricing, strict hydration, and optimistic transitions across runtimes.">
    [Run the Node showcase in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Ahono\&file=examples%2Fhono%2Fsrc%2Froutes%2Fapi.ts) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/hono)

    `pnpm --dir examples/hono dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;elysia&#x22;]" title="Waybill · Elysia" description="A parcel-tracking API and public timeline with object-form couriers, derived status slugs, Valibot scan bodies, and legacy-scanner fallback.">
    [Open in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Aelysia\&file=examples%2Felysia%2Fsrc%2Fhttp%2Fparcel-plugin.ts) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/elysia)

    `pnpm --dir examples/elysia dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;orpc&#x22;]" title="Tablewaii · oRPC" description="A contract-first restaurant reservations service with host context, Zod contracts, Standard Schema scalar I/O, and typed conflicts.">
    [Open in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Aorpc\&file=examples%2Forpc%2Fsrc%2Frouter.ts) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/orpc)

    `pnpm --dir examples/orpc dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;effect&#x22;]" title="shipctl · Effect" description="A pocket deployment orchestrator CLI with real subcommands, seeded services, derived terminal presentation, exhaustive routing, and tagged failures.">
    [Run the CLI in StackBlitz](https://stackblitz.com/fork/github/CatOfJupit3r/enumwaii/tree/main?startScript=stackblitz%3Aeffect\&file=examples%2Feffect%2Fsrc%2Fdeployment-pipeline.ts\&view=editor\&terminalHeight=50) · [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/effect)

    `pnpm --dir examples/effect dev`
  </ExampleCard>

  <ExampleCard brands="[&#x22;nestjs&#x22;, &#x22;mongoose&#x22;]" title="Helpdesk · NestJS + Mongoose" description="A support ticket service with severity-derived SLAs, internal extend(), response omit(), decorated pipes, strict hydration, and versioned updates.">
    [View source](https://github.com/CatOfJupit3r/enumwaii/tree/main/examples/nestjs)

    `pnpm --dir examples/nestjs dev`
  </ExampleCard>
</Cards>

Third-party marks identify technologies exercised by the runnable examples and link to their official websites; they do not imply endorsement. Vercel, the Vercel design, Next.js and related marks, designs and logos are trademarks or registered trademarks of Vercel, Inc. or its affiliates in the US and other countries. See the [brand asset audit](https://catofjupit3r.github.io/enumwaii/docs/brand-assets/) for sources, permissions, and text-only decisions.

## Everyday development seams [#everyday-development-seams]

* Forms use TanStack Form in the Solid application and a dependency-free native approach in Vue.
* TanStack Table drives a searchable and sortable editorial grid in Byline.
* Next.js, TanStack Start, and Vue parse URL or persistence state.
* Hono uses Drizzle with embedded PGlite on Node, Bun, and Deno; its shared database-free status routes also run in Cloudflare workerd with Node compatibility disabled. NestJS uses Mongoose with a checked-in MongoDB Compose service.
* Server examples cover JSON, form data, route parameters, request/response schemas, error mapping, and serialized branded strings.
* The Hono runtime suite keeps one status-boundary contract constant across native Bun and Deno servers and Cloudflare workerd.

Every application includes invalid and ambiguous inputs alongside its successful flow.