One studio for all client sites
Every client website in a single overview — with roles (owner, admin, editor) and an audit log, so it stays clear who changed what.
Build the website. Hand off the editing.
Editkraft makes your Next.js components editable in a hosted studio. Your clients change text and images themselves — the content stays in your Supabase.
- Open source (MIT)
- Content lives in your Supabase
- Flat pricing, no credits
Paint that lasts. Craft that shows.
Your local painting company — clean, on schedule, with 25 years of experience. From period homes to new builds.
Request a quoteInterior painting
Walls and ceilings, opaque or glazed — taping, covering and a broom-clean handover included.
Facade & exterior
Cleaning, crack repair and weatherproof silicate paint — we organize the scaffolding.
Trim & doors
Doors, frames and radiators — sprayed or brushed, satin or gloss.
Weber Painting Co. · (555) 014-2380 · Mon–Fri 7 am–5 pm
Click in — this is the real studio flow.
Works with your AI stack
Made with Lovable, Cursor, v0 or Claude? Editkraft makes it editable.
Point Editkraft at the real Next.js code your AI tool generated — not exported HTML. Your clients edit the content themselves, and it stays in your Supabase.
- Lovable
- Cursor
- Claude
- v0
- Bolt
- Replit
- Windsurf
- Google AI Studio
01 · Data ownership
No lock-in — by architecture, not by promise
The renderer is open source (MIT) and runs inside your project — on whatever hosting you choose. The content lives in your client's Supabase. It never passes through us.
Your client's Supabase
content, assets, every version — in their database, under their keys
- their project, their keys
- any hosting, any time
- nothing to export — it's already theirs
If we burn down tomorrow, your client's website keeps running.
02 · How it works
Three steps to the first client edit
Step 1
Install
Terminal
$ npx editkraft initOne command in your existing Next.js project: it scaffolds the Supabase migration, the block registry and the preview route. In the registry, a schema turns any React component into an editable block with defineBlock. Idempotent — running it twice is safe.
Step 2
Migrate
Terminal
$ supabase db push # content model live — site ready to editPush the migration to your client's Supabase. The content tables go live in their database — and the site is ready to edit in Editkraft.
Step 3
Open the studio
// In Editkraft Studio (studio.editkraft.com): Add site → Edit & Publish // or: invite users to edit this siteOpen Editkraft Studio on studio.editkraft.com and add your site. Then edit right away — text in the page, images and video from the media library, publish with one click — or invite your client and teammates to edit just that site.
From init to the first client edit: under 30 minutes.
03 · Why Editkraft
What agency work actually needs
Pricing & seats
Per website, not per seat
You pay per website — not per person who edits. Every paid plan includes unlimited editors, so you can hand the studio to your client and their whole team without watching a headcount.
Open source
The renderer is MIT and lives in your repo
Read the source before you trust it with a client project.
Claude Code workflow
Built for projects that start in Claude Code
npx editkraft init sets up an existing Next.js project: migration, config, block registry, preview route. Add the Editkraft skill — you describe the block, Claude registers it.
$ npx editkraft initcreated supabase/migrations/…_editkraft_init.sqlcreated blocks/registry.tscreated app/editkraft/preview/…Editkraft is set up.
04 · For agencies
Built for the stack of client projects, not just one
White label on the Agency plan
The studio carries your brand, not ours. No “powered by” badge — your clients see your product.
Resell site care as your own subscription
You pay flat prices per website and resell content care as a monthly package — the difference is your margin, predictable on every invoice.
05 · Pricing
Per website. Not per seat, not per credit.
Free
€0/ month
- 1 website
- Edit one page only — not the whole site
- Version history: last 3 versions
Pro
For freelancers€12/ month per website
Billed yearly: €120 — 2 months free
- 1 website per subscription
- Edit the whole website, every page
- 1 year of version history
- Roles: owner, admin, editor
Agency
€149/ month
Billed yearly: €1,490 — 2 months free
- 5 websites included
- Each additional website +€9/month
- White label: the studio carries your brand
All prices exclude VAT. Applicable VAT is calculated and shown at checkout based on your billing country. USD pricing applies outside Europe.
AI package
in development+€9/month per website: unlimited text assistant, 100 images per month. Flat — no credit meter.
Video packs
in developmentVideo generation as a one-time purchase, not a subscription. Pricing to follow.
If you cancel, your website keeps running — only editing pauses.
06 · Compare
How does Editkraft stack up against …?
Editkraft vs. Builder.io
An enterprise platform with seats and credits — Editkraft is the lean alternative with flat pricing and content in your Supabase.
Read the comparison →Editkraft vs. Puck
An excellent open-source editor to integrate yourself — Editkraft is the finished editing layer with storage, roles and a hosted studio.
Read the comparison →Editkraft vs. Storyblok
A mature headless CMS with content in its cloud and per-seat pricing — Editkraft keeps content in your client's Supabase, flat per website.
Read the comparison →Editkraft vs. Wix Studio
The all-in-one builder on Wix hosting — Editkraft adds client editing to Next.js websites you build in code and host yourself.
Read the comparison →07 · FAQ
The questions before your first project
What happens if I cancel?
Your website keeps running unchanged: the renderer is open source and the content lives in your Supabase — both work without our studio. Only editing through Editkraft pauses until you reactivate.
Where does the data live?
In your project's Supabase: pages, versions and media land in tables like ek_pages and ek_assets, created by npx editkraft init. We only store your account, billing and the encrypted connection — never your content.
What counts as a website?
One connected Next.js project with its own Supabase — the thing you deploy per client anyway. Free and Pro include one website each, Agency includes 5 (more at a flat surcharge).
Do my clients need an account?
Yes, a studio login. You assign roles (owner, admin, editor) and the audit log shows who changed what. Your clients never need GitHub, Vercel or Supabase access.
Does it work with my existing Next.js project?
Yes — that's what it's built for. npx editkraft init sets up an existing App Router project without rewriting your code. You register the components you already have as blocks; anything you don't register stays untouched.
What does the AI actually cost?
A flat amount per website per month: unlimited text assistant, 100 images included monthly. Videos come as one-time packs on top. No credits, no surprise top-ups mid-project. The AI package is currently in development.
You build the next client site. Your client keeps it fresh.
Free for your first website. No contract that holds your site hostage.