Documentation

Everything you need to build with Zyplen.

Getting Started

Zyplen builds production-ready web apps from natural language descriptions. Here's how it works:

  1. Sign in with Google at zyplen.ai/login.
  2. Pick a template — SaaS Starter, Admin Dashboard, or Landing Page. Templates provide auth, database, and UI foundations so the AI doesn't reinvent them.
  3. Describe your app — be specific about data entities, pages, features, and who it's for. The more detail, the better the result.
  4. Watch it build — Zyplen runs a 4-phase pipeline (Understand → Scaffold → Implement → Integrate) that generates real TypeScript code with proper types, schemas, and imports.
  5. Iterate — use the chat to request changes. Zyplen modifies specific files based on your feedback.
  6. Deploy — one click deploys to {slug}.zyplen.app with SSL. Or export as a ZIP to run anywhere.

Templates

SaaS Starter

Full SaaS foundation

AuthJS v5 (Google, GitHub), Neon Postgres + Drizzle ORM, Paddle billing, Resend email, shadcn/ui dashboard layout, settings page. AI adds your specific features on top.

Admin Dashboard

Internal tools

CRUD data tables, charts, entity management. Pattern: /dashboard/{entity}, /dashboard/{entity}/new, /dashboard/{entity}/[id]. Auth + DB included.

Landing Page

Marketing sites

Vite + React single-page site. Hero, features, pricing, footer. Framer Motion animations. Resend waitlist capture. No router, no server components.

AI Pipeline

Zyplen uses a multi-phase approach that solves the context-loss problem competitors hit at 15-20 components:

1. UnderstandClaude Haiku · ~$0.001

Extracts structured AppSpec JSON from your natural language — entities, pages, API routes, styling.

2. ScaffoldClaude Sonnet · ~$0.05

Generates the file tree and configuration on top of the template. Creates schema additions, route stubs, component outlines.

3. ImplementClaude Sonnet (parallel) · ~$0.50

Generates each file individually with minimal, relevant context — project index + direct dependencies. Runs 4 files concurrently.

4. IntegrateClaude Sonnet · ~$0.30

Checks for broken imports and type errors. Fixes issues in up to 3 passes.

Total cost per generation: ~$0.85 vs $3-5 for competitors.

Iteration Mode

After initial generation, use the chat to make changes. Examples of what you can ask:

  • "Add a notification bell to the header"
  • "Change the dashboard layout to use a sidebar instead of tabs"
  • "Add an 'export to CSV' button on the users table"
  • "Make the landing page hero section taller with a gradient background"
  • "Add a new 'invoices' entity with amount, date, and status fields"

Each iteration modifies only the files that need to change, preserving everything else. Cost: ~$0.30-0.50 per iteration depending on context size.

Deployment

Click Deploy in the builder to ship your app to Cloudflare's global edge network:

  • Automatic SSL certificate
  • URL: {slug}.zyplen.app
  • Custom domains on Pro plan (CNAME to your .zyplen.app URL)
  • Each app gets its own isolated Neon Postgres database

Code Export

Click Export in the builder header to download a ZIP of your project. The code is standard Next.js/Drizzle/AuthJS — it runs anywhere without Zyplen:

unzip my-app.zip && cd my-app
npm install
npm run dev

No lock-in. No proprietary runtime. Your code, your infrastructure.

Still have questions? Contact us or email [email protected]