create-elytra

Scaffold a new Elytra project — the code-first web CMS with a native visual page builder.

npm create elytra@latest my-site
# or: pnpm create elytra my-site

This generates a pnpm workspace with a visual studio (Vite + TanStack Start) and a delivery frontend (Next.js App Router) over one canonical project graph. It starts in playground mode — in-memory, seeded, no signup — so you can edit immediately, then connect a Convex deployment when you're ready (CONNECT.md in the generated project).

Usage

npm create elytra@latest [directory] [options]

Options:
  --name <name>    Project name (default: derived from the directory)
  --mode <mode>    playground (default) | connected
  --playground     Start in in-memory playground mode (no signup)
  --connected      Scaffold wired for a Convex deployment (you provision it)
  -y, --yes        Accept defaults, skip prompts

What you get

my-site/
├── elytra.config.ts     # project config-as-code
├── cms/                 # collections, routes, redirects (your content model)
├── components/          # your page-builder components
├── studio/              # the visual builder
└── frontend/            # the delivery site

Then:

cd my-site
pnpm install
pnpm --filter studio dev      # edit immediately, no signup
pnpm --filter frontend dev    # the delivery site