@cloudgrid-io/mcp 0.13.0 → 0.14.0

package/src/corpus/templates/erp/index.md

@@ -0,0 +1,81 @@
+# Template: erp (enterprise resource planning — blueprint)
+
+A **blueprint** (not runnable app code) for a multi-module ERP: inventory +
+orders + finance + HR in one Next.js App-Router service, backed by grid-shared
+Mongo, with auth/RBAC and Stripe billing. Large and multi-domain — you build the
+app from this structure rather than copying files.
+
+**Key rules:**
+
+1. **This is a blueprint — read `AGENTS.md`, then build.** No `page.js` to copy.
+   `AGENTS.md` is the structure guide: file tree, per-module Mongo collections,
+   and CloudGrid wiring (DB injection, vault secrets, deploy). Build the app
+   under `services/web/` following it.
+2. **Service code MUST live under `services/web/`, not the repo root.** `path: /`
+   in `cloudgrid.yaml` is the URL mount, NOT the filesystem path. Root files fail
+   with `Error: Service directory not found: …/services/web`.
+3. **Read the DB connection string LAZILY (inside a getter), never at module top
+   level.** The grid injects it as `DATABASE_MONGODB_URL` (plus the legacy
+   `MONGODB_URL` alias); a top-level read fails `next build`. Never hardcode it.
+4. **Declare the datastore with `needs: { database: true }`.** The deployer
+   provisions Mongo and injects the connection string. `requires:` is the
+   deprecated v1 alias — don't author new yaml with it, and never set `needs:`
+   and `requires:` together (the validator rejects the combination).
+5. **Auth + Stripe secrets come from the `vault:` block.** It maps org vault
+   items → env vars (`AUTH_PROVIDER_KEY`, `STRIPE_KEY`); the app reads
+   `process.env.*` at runtime. Never commit a key.
+
+## File tree (build this)
+
+```
+cloudgrid.yaml                                 # name + services.web (nextjs) + needs:{database:true} + vault:
+services/web/package.json                      # next, react, react-dom, mongodb, auth SDK, stripe
+services/web/middleware.js                     # auth gate over (dashboard) + /api
+services/web/lib/db.js                          # lazy Mongo client (DATABASE_MONGODB_URL / MONGODB_URL)
+services/web/lib/auth.js                         # currentUser() + requireRole()
+services/web/lib/stripe.js                       # lazy Stripe client (STRIPE_KEY from vault)
+services/web/app/(dashboard)/{inventory,orders,finance,hr}/page.js
+services/web/app/api/inventory/route.js          # `items`
+services/web/app/api/orders/route.js             # `orders` (decrements stock)
+services/web/app/api/finance/invoices/route.js   # `invoices` → Stripe checkout
+services/web/app/api/finance/webhook/route.js    # Stripe webhook → mark paid, record payment
+services/web/app/api/hr/route.js                 # `employees`
+```
+
+## cloudgrid.yaml
+
+```yaml
+# On disk this file is the full-annotated reference (templates/_cloudgrid.yaml.reference)
+# with EVERY field present as a comment; only the fields below are uncommented, so it
+# deploys to exactly these active fields.
+name: my-erp
+vault:
+  AUTH_PROVIDER_KEY: auth-provider-secret   # Clerk/Auth0 backend key (RBAC)
+  STRIPE_KEY: stripe-live-key               # Stripe secret key (finance module)
+services:
+  web:
+    type: nextjs
+    path: /
+needs:
+  database: true
+```
+
+> **Capability:** this template needs `database: true` (Mongo → `DATABASE_MONGODB_URL`
+> + legacy `MONGODB_URL`) and a `vault:` block for auth + Stripe secrets. Optional
+> `ai: true` adds `AI_GATEWAY_URL` for forecasting. `requires:` is the deprecated v1
+> alias — don't mix it with `needs:`. See the capability-map for the full injection
+> table.
+
+## The modules (one Mongo, many collections)
+
+- **items** (inventory): `{ sku, name, qty, reorderLevel, unitCost, updatedAt }`
+- **orders**: `{ customer, lines[], status, total, createdAt }` — placing decrements stock
+- **invoices** + **payments** (finance): Stripe checkout + webhook flow
+- **employees** (hr): `{ name, email, department, title, role, startDate }` — `role` drives RBAC
+
+## Adapt it
+
+- Read `AGENTS.md` for the full structure + wiring, then build under `services/web/`.
+- Add or drop modules by repeating the route-group + collection + page pattern.
+- Add `ai: true` to `needs:` only if a module needs the AI gateway.
+- Run `grid dev` to test locally, `grid plug` to deploy (async — poll to live).

package/src/corpus/templates/event-board/README.md

@@ -0,0 +1,74 @@
+# event-board template — persistent Next.js + Mongo event board
+
+A community event board: an upcoming-events list sorted by date, with add and
+delete. Data lives in the grid-shared MongoDB, so events survive refresh and are
+shared across users/sessions — unlike a static page whose state is in memory only.
+
+The domain is `events` with fields **title, date, location, description**. The
+board lists events sorted by `date` ascending (soonest upcoming event first).
+
+## How the grid gives you a database
+
+You do **not** provision a database or set a connection string. In
+`cloudgrid.yaml` you declare `needs: { database: true }`, and the grid:
+
+- provisions shared Mongo for the app, and
+- injects the connection string as the **`DATABASE_MONGODB_URL`** environment
+  variable (plus the legacy `MONGODB_URL` alias) — at dev-time (`grid dev`) and
+  at runtime (after `grid plug`).
+
+The app reads it via `process.env.DATABASE_MONGODB_URL` (with a legacy
+`process.env.MONGODB_URL` fallback) in `services/web/lib/db.js` — **lazily,
+inside the `getDb` getter, never at module top level** (a top-level read fails
+`next build`, which imports the module for route analysis before the grid injects
+the var). Never hardcode a connection string; never commit a secret.
+
+> **Declare `needs: { database: true }` (the canonical shape).** The deployer
+> provisions Mongo and injects `DATABASE_MONGODB_URL` (plus the legacy
+> `MONGODB_URL` alias). `requires:` is the deprecated v1 alias — don't author new
+> yaml with it, and never set `needs:` and `requires:` together (the validator
+> rejects the combination).
+
+## Service layout
+
+App code lives under **`services/web/`**, not the template root. `path:` in
+`cloudgrid.yaml` is the URL mount, not the filesystem path — the service named
+`web` means the CLI looks for `services/web/`. Files at the root fail with
+`Error: Service directory not found: …/services/web`.
+
+## Run locally
+
+```bash
+npm install
+grid dev          # runs Next.js with DATABASE_MONGODB_URL injected against dev Mongo
+```
+
+## Deploy
+
+```bash
+grid plug         # builds + deploys the folder (async — poll status until live)
+```
+
+A runtime deploy is asynchronous: `plug` returns `status: building`; poll status
+until the app is live, then use the returned live URL. Re-plug the same entity
+to update the same URL.
+
+## File tree
+
+```
+cloudgrid.yaml                         # name + services.web (nextjs) + needs: { database: true }
+services/web/package.json              # next, react, react-dom, mongodb driver only
+services/web/lib/db.js                 # lazy Mongo client from DATABASE_MONGODB_URL (legacy MONGODB_URL fallback)
+services/web/app/layout.js             # root layout + inline CSS
+services/web/app/page.js               # server component: reads events from Mongo, sorted by date
+services/web/app/event-form.js         # client form + upcoming list: POST/DELETE via the API
+services/web/app/api/events/route.js   # GET (list, by date) / POST (add) / DELETE (remove)
+```
+
+## Adapt it
+
+- Rename the `events` collection in `services/web/app/api/events/route.js` and
+  `services/web/app/page.js` (e.g. `meetups`, `sessions`, `gigs`).
+- Change the document fields (add host, RSVP count, category, end time).
+- Add more routes/collections as the app grows.
+- Add `cache: true` to `needs:` only if you actually need Redis.

package/src/corpus/templates/event-board/cloudgrid.yaml

@@ -0,0 +1,233 @@
+# ============================================================================
+# cloudgrid.yaml — Complete Example
+# ============================================================================
+#
+# This file shows EVERY field the platform supports, with comments explaining
+# each one. It is a reference — no real project would use all of these at once.
+#
+# STANDARD: every CloudGrid template ships its cloudgrid.yaml in THIS full form.
+# Uncomment ONLY the fields the archetype needs (always: name + services; plus
+# needs: for runtime apps). Leave everything else commented. Comments are
+# ignored by the parser, so the file deploys to exactly the active fields.
+#
+# Only two fields are required: name and services. Everything else is optional.
+# Full docs: docs/cloudgrid-yaml-reference.md
+# ============================================================================
+
+
+# ─── IDENTITY ───────────────────────────────────────────────────────────────
+
+# Entity slug (REQUIRED). 2-42 chars, lowercase alphanumeric + hyphens.
+# Must start and end with a letter or digit.
+# Becomes part of your public URL: <name>-<4hex>.<org>.cloudgrid.io
+name: event-board
+
+# One-line summary. Max 280 chars. If omitted, Grid Brain auto-generates one.
+# description: Order processing API for the e-commerce platform
+
+# Single emoji or short text shown as the entity icon. Max 64 chars.
+# icon: "📦"
+
+# Entity type: 'app' (default) or 'agent'. An agent is an app with an agent: block.
+# kind: app
+
+
+# ─── NETWORKING ─────────────────────────────────────────────────────────────
+
+# Whether this entity serves public HTTP traffic.
+# true = public URL + Ingress (default). false = internal only.
+# expose: true
+
+# Additional domain names this entity serves on (the platform URL is always active).
+# custom_domains:
+#   - orders.example.com
+#   - shop.example.com
+
+
+# ─── HEALTH PROBE (entity-level override) ──────────────────────────────────
+
+# Override the default health check for the entire entity.
+# probe:
+#   path: /healthz               # HTTP path to probe (default: /).
+#   expected: "<500"             # '<500' (default), '200', '2xx'.
+
+
+# ─── DEPLOY NOTIFICATIONS ──────────────────────────────────────────────────
+
+# Slack notification to the org's default channel on deploy failure.
+# true = notify (default), false = silent.
+# notify: true
+
+
+# ─── SCALING ────────────────────────────────────────────────────────────────
+
+# Replica scaling intent.
+#   'auto'  — platform decides from the grid tier (default).
+#   'alert' — single-replica, emit a SPOF warning at plug time.
+#   1-10    — explicit replica count, clamped to the grid max.
+# scale: auto
+
+
+# ─── INFRASTRUCTURE NEEDS ──────────────────────────────────────────────────
+#
+# Declare infrastructure; the platform provisions it and injects connection
+# details as env vars. Nine needs: database, cache, kv, queue, pubsub, vector,
+# object_storage, disk, ai. Simplest form is `true`.
+#
+# needs:
+#   # database — MongoDB. Injects DATABASE_MONGODB_URL (+ legacy MONGODB_URL).
+#   #   true | pool | dedicated | { tier: external, secret: MY_DB }
+#   database: true
+#   # cache — Redis, LRU eviction (derived data). Injects CACHE_REDIS_URL (+ REDIS_URL).
+#   #   true | redis | { engine: external, secret: MY_REDIS_URL }
+#   cache: true
+#   # kv — Redis, no eviction (durable: flags, idempotency). Injects KV_REDIS_URL.
+#   kv: true
+#   # queue — Redis job-queue substrate (BullMQ). Injects QUEUE_REDIS_URL.
+#   queue: true
+#   # pubsub — Redis broadcast pub/sub. Injects PUBSUB_REDIS_URL.
+#   pubsub: true
+#   # vector — pgvector on Postgres. Injects VECTOR_PGVECTOR_URL (+ PGVECTOR_URL).
+#   #   true | pgvector | { engine: pgvector, dim: 1536 }
+#   vector: pgvector
+#   # object_storage — GCS bucket. Injects OBJECT_STORAGE_GCS_BUCKET, _GCS_REGION.
+#   #   true | { size: 10Gi }
+#   object_storage: true
+#   # disk — persistent FS mount (PVC). Injects DISK_PATH. Pins to 1 replica.
+#   #   true | { size: 1Gi, mount: /var/data }  (forbidden: /proc /sys /dev)
+#   disk: true
+#   # ai — AI Gateway via @cloudgrid-io/ai. Injects AI_GATEWAY_URL. true | false.
+#   ai: true
+
+
+# ─── INTER-ENTITY COMMUNICATION ────────────────────────────────────────────
+
+# Entities this app calls (outbound). Service-account token injected per pair.
+# calls:
+#   - org:atomic/billing-api
+
+# Inbound caller policy — who can call YOUR entity.
+# callers:
+#   policy: auto                 # 'auto' | 'manual' (default).
+#   scope: org                   # 'org' (default) | 'space' | 'explicit'.
+#   fallback: deny               # 'deny' (default) | 'warn'.
+#   # allowed_apps:              # required only when scope: explicit
+#   #   - org:atomic/frontend
+
+
+# ─── VAULT ──────────────────────────────────────────────────────────────────
+
+# Map org vault items to env vars. Keys UPPER_SNAKE_CASE; values = vault item keys.
+# vault:
+#   STRIPE_KEY: stripe-live-key
+#   SENDGRID_API_KEY: sendgrid-key
+
+
+# ─── CONNECTORS AND HOOKS ──────────────────────────────────────────────────
+
+# connectors:
+#   - id: team-slack
+#     target: org                # 'system' | 'org'.
+#     channel: "#deploys"
+# hooks:
+#   - on: deploy.failed          # release.published | deploy.failed | feedback.received | entity.created
+#     via: team-slack
+#     template: "Deploy failed for {entity_name}: {error}"
+#     channel: "#alerts"
+# triggers:
+#   - from: team-slack
+#     event: message
+#     channel: "#support"
+#     route: /webhooks/slack
+
+
+# ─── LOCAL DEVELOPMENT ──────────────────────────────────────────────────────
+
+# Config for `grid dev`. Redact fields in dev data snapshots.
+# dev:
+#   snapshot:
+#     mask:
+#       - users.email
+#       - users.phone
+
+
+# ─── AGENT METADATA ────────────────────────────────────────────────────────
+
+# An agent is an app with kind: agent (above) and an agent: block.
+# agent:
+#   purpose: Sync customer data from external CRM every night
+#   schedule: "0 2 * * *"
+#   trigger: webhook
+
+
+# ─── PRIVATE RESOURCE AUTO-DEPENDENCIES ────────────────────────────────────
+
+# When true (default), private resources are auto-injected as depends_on.
+# auto_depends_on_private_requires: true
+
+
+# ─── SERVICES (REQUIRED) ───────────────────────────────────────────────────
+#
+# At least one service is required. Key = service name (slug rules).
+# Types: node, nextjs, python, static, cron.
+#
+services:
+  web:
+    # type (REQUIRED): node | nextjs | python | static | cron
+    type: nextjs
+    # HTTP route: '/' | '/api' | false (internal) | omitted (=false + warning).
+    # Only one service per entity can claim '/'.
+    path: /
+    # Container port (default 8080; read process.env.PORT). Not for cron.
+    # port: 3000
+    # nextjs only: base_image: distroless (default) | alpine
+    # base_image: distroless
+    # node only: lang: javascript (default) | typescript
+    # lang: typescript
+    # Custom source location (default services/<name>/). '.' = project root.
+    # source:
+    #   path: src/worker
+    # Health probe: false/omitted (TCP) | true (/health) | "/path" | {path,expected}
+    # health:
+    #   path: /api/health
+    #   expected: "200"
+    # Static runtime env vars (strings). Reserved: PORT, APP_NAME, SERVICE_NAME,
+    # NODE_ENV, MONGODB_URL, REDIS_URL, AI_GATEWAY_URL, N8N_WEBHOOK_URL, CLOUDGRID_*.
+    # env:
+    #   LOG_LEVEL: info
+    # Sibling services/private resources that must be Ready first (no cron, no cycles).
+    # depends_on:
+    #   - worker
+    # Per-service needs override (merges with app-level needs).
+    # needs:
+    #   queue: true
+    # Static-only build step:
+    # build:
+    #   command: npm run build
+    #   output: dist
+    #   env:
+    #     VITE_API_URL: https://api.example.com
+    # node_version: "22"          # static build step: '18'|'20'|'22'|'24' (quoted)
+    # Cron-only: schedule (REQUIRED), timezone (UTC|EST|PST), run (job | https URL)
+    # schedule: "0 9 * * 1"
+    # timezone: UTC
+    # run: job
+    # Verbose per-service persistence (prefer needs.disk):
+    # persist:
+    #   - name: scratch
+    #     path: /tmp/scratch
+    #     size: 500Mi
+
+
+
+needs:
+  database: true
+
+
+# ============================================================================
+# NOTES
+# - NOT here: org:/entity_id: (→ .cloudgrid/link.json), secrets (→ grid secrets set),
+#   Dockerfile (platform generates from services.*.type).
+# - Deploy: grid plug   |   Local with grid resources: grid dev
+# - Full reference: docs/cloudgrid-yaml-reference.md  |  CLI: docs/cli-reference.md
+# ============================================================================

package/src/corpus/templates/event-board/index.md

@@ -0,0 +1,299 @@
+# Template: event-board (persistent Next.js + Mongo)
+
+A community event board: an upcoming-events list sorted by date, with add and
+delete. Data lives in the grid-shared MongoDB, so events survive refresh and are
+shared across sessions — unlike a static page.
+
+Domain: `events` with fields **title, date, location, description**. Listed
+sorted by `date` ascending (soonest upcoming first).
+
+**Key rules (all proven by a real end-to-end deploy):**
+
+1. **Service code MUST live under `services/<name>/`, not the repo/template
+   root.** `path:` in `cloudgrid.yaml` is the URL mount, NOT the filesystem path.
+   The service named `web` → the CLI looks for `services/web/`. App files at the
+   root fail with `Error: Service directory not found: …/services/web`.
+2. **Read the DB connection string LAZILY (inside the getter), never at module
+   top level.** The grid injects it as the `DATABASE_MONGODB_URL` environment
+   variable (plus the legacy `MONGODB_URL` alias) at dev-time and runtime; the
+   app reads `process.env.DATABASE_MONGODB_URL || process.env.MONGODB_URL` inside
+   `getDb`. A top-level `const uri = process.env.DATABASE_MONGODB_URL; if (!uri)
+   throw` fails `next build` (the module is imported for route analysis before
+   the grid injects the var). Never hardcode a connection string; never commit a
+   secret.
+3. **Declare the datastore with `needs: { database: true }`.** This is the
+   canonical shape — the deployer provisions Mongo and injects
+   `DATABASE_MONGODB_URL` (plus the legacy `MONGODB_URL` alias). `requires:` is
+   the deprecated v1 alias; don't author new yaml with it, and never set `needs:`
+   and `requires:` together (the validator rejects the combination).
+
+Write these files into the scaffolded app folder — the app code goes under
+`services/web/` — adapt the collection/fields to the user's app, then `grid dev`
+(local) / `grid plug` (deploy, async — poll to a live URL).
+
+## File tree
+
+```
+cloudgrid.yaml                          # name + services.web (nextjs) + needs: { database: true }
+services/web/package.json               # next, react, react-dom, mongodb driver only
+services/web/lib/db.js                  # lazy Mongo client from DATABASE_MONGODB_URL (legacy MONGODB_URL fallback)
+services/web/app/layout.js              # root layout + inline CSS
+services/web/app/page.js                # server component: reads events from Mongo, sorted by date
+services/web/app/event-form.js          # client form + upcoming list: POST/DELETE via the API
+services/web/app/api/events/route.js    # GET (list, by date) / POST (add) / DELETE (remove)
+```
+
+## cloudgrid.yaml
+
+```yaml
+# On disk this file is the full-annotated reference (templates/_cloudgrid.yaml.reference) with EVERY
+# field present as a comment; only the fields below are uncommented, so it
+# deploys to exactly these active fields.
+name: event-board
+services:
+  web:
+    type: nextjs
+    path: /
+needs:
+  database: true
+```
+
+> **Capability:** this template's need is `database: true`. The deployer
+> provisions Mongo and injects `DATABASE_MONGODB_URL` (plus the legacy
+> `MONGODB_URL` alias), so an app reading either var works. `requires:` is the
+> deprecated v1 alias — don't mix it with `needs:` (the validator rejects the
+> combination). See the capability-map for the full injection table.
+
+## services/web/package.json
+
+```json
+{
+  "name": "event-board",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^15.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "mongodb": "^6.12.0"
+  }
+}
+```
+
+## services/web/lib/db.js
+
+```js
+// Cached MongoDB client for the App Router.
+//
+// The grid injects the connection string as the DATABASE_MONGODB_URL environment
+// variable (plus the legacy MONGODB_URL alias) at runtime (after `grid plug`) and
+// under `grid dev` locally. Read the canonical var first, fall back to the legacy
+// alias. Never hardcode a connection string here and never commit a secret.
+//
+// The env var and client are resolved LAZILY (inside getDb), never at module top
+// level — otherwise `next build` throws when it imports this module for route
+// analysis, before the grid injects the var.
+import { MongoClient } from "mongodb";
+
+function clientPromise() {
+  const uri = process.env.DATABASE_MONGODB_URL || process.env.MONGODB_URL;
+  if (!uri) {
+    throw new Error(
+      "DATABASE_MONGODB_URL is not set. The grid injects it automatically — run " +
+        "this app with `grid dev` locally, or deploy it with `grid plug` (the grid " +
+        "injects the DB connection string at runtime). Do not set it by hand.",
+    );
+  }
+  if (!globalThis.__mongoClientPromise) {
+    globalThis.__mongoClientPromise = new MongoClient(uri).connect();
+  }
+  return globalThis.__mongoClientPromise;
+}
+
+export async function getDb() {
+  const client = await clientPromise();
+  // The default DB comes from the connection-string path segment the grid injects.
+  return client.db();
+}
+```
+
+## services/web/app/layout.js
+
+```js
+export const metadata = {
+  title: "Event Board",
+  description: "A community event board on CloudGrid, backed by grid-shared Mongo.",
+};
+
+const css = `
+  :root { color-scheme: light dark; }
+  body { margin: 0; font-family: system-ui, sans-serif; }
+  main { max-width: 44rem; margin: 3rem auto; padding: 0 1.25rem; }
+  form { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: 2rem; }
+  form .full { grid-column: 1 / -1; }
+  input, textarea { width: 100%; padding: .5rem .75rem; border: 1px solid #8886; border-radius: .5rem; }
+  button { padding: .5rem .9rem; border: 1px solid #8886; border-radius: .5rem; cursor: pointer; }
+  ul { list-style: none; padding: 0; margin: 0; }
+  li { padding: .8rem 0; border-bottom: 1px solid #8883; }
+  .event-head { display: flex; justify-content: space-between; }
+  .event-meta { font-size: .85rem; opacity: .75; }
+`;
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <head><style dangerouslySetInnerHTML={{ __html: css }} /></head>
+      <body>{children}</body>
+    </html>
+  );
+}
+```
+
+## services/web/app/page.js
+
+```js
+import { getDb } from "../lib/db.js";
+import EventBoard from "./event-form.js";
+
+export const dynamic = "force-dynamic";
+
+async function listEvents() {
+  const db = await getDb();
+  const items = await db.collection("events").find({}).sort({ date: 1 }).toArray();
+  return items.map((e) => ({
+    id: e._id.toString(),
+    title: e.title,
+    date: e.date,
+    location: e.location,
+    description: e.description,
+  }));
+}
+
+export default async function Page() {
+  const events = await listEvents();
+  return (
+    <main>
+      <h1>Event Board</h1>
+      <p className="hint">Community events, sorted by date — persisted in grid-shared Mongo.</p>
+      <EventBoard initialEvents={events} />
+    </main>
+  );
+}
+```
+
+## services/web/app/event-form.js
+
+```js
+"use client";
+import { useState } from "react";
+
+const byDate = (a, b) => String(a.date).localeCompare(String(b.date));
+
+export default function EventBoard({ initialEvents }) {
+  const [events, setEvents] = useState(initialEvents);
+  const [title, setTitle] = useState("");
+  const [date, setDate] = useState("");
+  const [location, setLocation] = useState("");
+  const [description, setDescription] = useState("");
+
+  async function add(e) {
+    e.preventDefault();
+    if (!title.trim() || !date.trim()) return;
+    const res = await fetch("/api/events", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ title, date, location, description }),
+    });
+    if (res.ok) {
+      setEvents((p) => [...p, await res.json()].sort(byDate));
+      setTitle(""); setDate(""); setLocation(""); setDescription("");
+    }
+  }
+
+  async function remove(id) {
+    const res = await fetch(`/api/events?id=${encodeURIComponent(id)}`, { method: "DELETE" });
+    if (res.ok) setEvents((p) => p.filter((e) => e.id !== id));
+  }
+
+  return (
+    <div>
+      <form onSubmit={add}>
+        <input value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Event title" />
+        <input type="date" value={date} onChange={(e) => setDate(e.target.value)} />
+        <input className="full" value={location} onChange={(e) => setLocation(e.target.value)} placeholder="Location" />
+        <textarea className="full" value={description} onChange={(e) => setDescription(e.target.value)} placeholder="Description" />
+        <button className="full" type="submit">Add event</button>
+      </form>
+      <ul>
+        {events.map((e) => (
+          <li key={e.id}>
+            <div className="event-head">
+              <span>{e.title}</span>
+              <button type="button" onClick={() => remove(e.id)}>Delete</button>
+            </div>
+            <div className="event-meta">{e.date}{e.location ? ` · ${e.location}` : ""}</div>
+            {e.description && <p>{e.description}</p>}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+## services/web/app/api/events/route.js
+
+```js
+import { NextResponse } from "next/server";
+import { ObjectId } from "mongodb";
+import { getDb } from "../../../lib/db.js";
+
+export const dynamic = "force-dynamic";
+
+async function events() {
+  const db = await getDb();
+  return db.collection("events");
+}
+
+const shape = (e) => ({
+  id: e._id.toString(), title: e.title, date: e.date, location: e.location, description: e.description,
+});
+
+export async function GET() {
+  const col = await events();
+  const items = await col.find({}).sort({ date: 1 }).toArray();
+  return NextResponse.json(items.map(shape));
+}
+
+export async function POST(request) {
+  const body = await request.json().catch(() => ({}));
+  const title = typeof body.title === "string" ? body.title.trim() : "";
+  const date = typeof body.date === "string" ? body.date.trim() : "";
+  if (!title || !date) return NextResponse.json({ error: "title and date are required" }, { status: 400 });
+  const location = typeof body.location === "string" ? body.location.trim() : "";
+  const description = typeof body.description === "string" ? body.description.trim() : "";
+  const col = await events();
+  const res = await col.insertOne({ title, date, location, description, createdAt: new Date() });
+  return NextResponse.json({ id: res.insertedId.toString(), title, date, location, description }, { status: 201 });
+}
+
+export async function DELETE(request) {
+  const id = new URL(request.url).searchParams.get("id");
+  if (!id || !ObjectId.isValid(id)) return NextResponse.json({ error: "valid id is required" }, { status: 400 });
+  const col = await events();
+  await col.deleteOne({ _id: new ObjectId(id) });
+  return NextResponse.json({ ok: true });
+}
+```
+
+## Adapt it
+
+- Rename the `events` collection to your data (`meetups`, `sessions`, `gigs`).
+- Change the document fields; add host/RSVP/category/end-time.
+- Add `cache: true` to `needs:` only if you actually need Redis.
+- Run `grid dev` to test locally, `grid plug` to deploy (async — poll to live).