Agency web platform by KOOMPI. Build client sites with AI coding agents, hand off content editing to business clients — no dev calls for every text change.
The dev team uses AI agents (Claude Code, Copilot) to build sites fast. After delivery, business clients own their content: edit text, swap images, manage pages — all from a visual editor, no code required.
Two actors:
- Dev team — builds with AI, defines content structure, handles complex changes
- Business clients — edits content, swaps media, manages their site day-to-day
Two modes:
| Native Blocks | Overlay | |
|---|---|---|
| What | Dev team generates block-based sites via seed files; clients edit with metta's inline editor | Dev team builds a fully custom Next.js/Vite site; metta injects a content editing overlay |
| Best for | Sites that fit within metta's block library — fast setup, full block-level editing | Premium brands where custom design is non-negotiable — 100% design fidelity, content-only editing |
| Client edits | Blocks, layout, text, images, settings | Text, images, structured content fields |
- 17 block types (Hero, Features, Stats, Pricing, Gallery, FAQ, Team, and more)
- Inline editing with TipTap rich text, drag-and-drop reorder, undo/redo (50 steps)
- Preview mode with desktop/tablet/mobile device frames
- Auto-save drafts, publish from editor, SEO settings drawer
- Block entrance animations, gallery lightbox
- 5 starter designs, 5 theme presets, theme customizer (colors, fonts, spacing)
- 6 page templates — or start blank
- Products, categories, inventory, Stripe checkout, order management
- Coupon codes (percentage/fixed, usage limits, expiry)
- AWS SES campaigns with open/click tracking, bounce handling
- Newsletter signup blocks, form submissions with admin notifications
- CAN-SPAM compliance (unsubscribe headers, one-click opt-out)
- 4 tiers: Free, Starter, Professional, Enterprise
- Stripe subscriptions with feature gating and 14-day Pro trial
- Multi-tenant: subdomain routing (
slug.metta.com) or custom domains - RBAC with 5 roles (Super Admin → User)
- Analytics dashboard, media library (Cloudflare R2), content versioning
- SEO (sitemap, robots.txt, RSS, Open Graph, JSON-LD)
- AI content assistant (product descriptions, blog posts, SEO metadata)
| Layer | Tech |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack) |
| Language | TypeScript |
| Database | Prisma 7, SQLite (dev) / PostgreSQL (prod) |
| Styling | Tailwind CSS 4 |
| Auth | NextAuth.js (Koompi OAuth + credentials) |
| Editor | TipTap v3, @dnd-kit |
| Payments | Stripe |
| AWS SES v2 | |
| Storage | Cloudflare R2 |
| AI | OpenRouter (content generation) |
bun install
cp .env.example .env
bunx prisma migrate dev
bunx prisma db seed
bun run devLogin: admin@metta.com / admin123
Dashboard: http://localhost:3000/admin
Public site: http://localhost:3000?org=default
src/
├── app/
│ ├── (marketing)/ # Landing page, signup, pricing
│ ├── (site)/ # Rendered client site (themed, block-based)
│ ├── admin/ # Admin dashboard (23 sections)
│ └── api/ # REST API (~80 routes)
├── components/
│ ├── admin/ # Dashboard, settings, onboarding
│ ├── blocks/ # BlockRenderer, InlineEditor, RichTextEditor
│ ├── commerce/ # Cart, checkout, product components
│ └── ui/ # shadcn/ui components
├── hooks/ # useAutoSave, useUndoRedo, useDebounce
├── lib/ # Prisma, permissions, themes, plans, email, stripe
├── modules/ # Domain logic (content, auth)
└── stores/ # Zustand stores (cart)
MIT — Built by KOOMPI