create-blok-app

One-command scaffolder for a Blok-powered Next.js app.

Usage

npm create blok-app@latest my-app
# or
npx create-blok-app my-app

Then:

cd my-app
npm install
npm run dev

Opens the editor at http://localhost:3000 and the rendered page at /preview.

What you get

my-app/
├── app/
│   ├── blok.config.tsx    Block library (Hero, Feature grid, Text block)
│   ├── storage.ts         localStorage adapter (swap for REST/Supabase)
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx           Editor route using @useblok/core
│   └── preview/page.tsx   SSR-safe render using @useblok/render
├── next.config.mjs
├── package.json
├── tsconfig.json
└── README.md

• Next.js 15 App Router, React 19, TypeScript strict mode.
• @useblok/core drives the editor.
• @useblok/render renders the published data.
• @useblok/sdk wires persistence, autosave, versions, comments, and audit via the localStorage adapter — no backend required to start.

Options

create-blok-app <name> [options]

  -f, --force    Overwrite the target directory if it exists.
  -h, --help     Print help.

License

MIT