Let your client edit the Next.js site you built.
Static export or server rendered, the editor reads the page the browser gets.
The install for Next.js
In app/layout.tsx: import Script from "next/script" and inside <body> add <Script src="https://edit.thebrainer.co/edit.js" data-site="YOUR_SITE_KEY" strategy="afterInteractive" />.
<script src="https://edit.thebrainer.co/edit.js" data-site="YOUR_SITE_KEY" defer></script>
Then sign in at thebrainer.co/app, register the site, add your client as an editor. They get their link by email.
What the client can do
- Tap any text on the live site, type, save.
- Tell the chat in plain words: "Sunday hours 12 to 17", "new photo for the tagliatelle".
- Swap photos from the phone.
- Add a new dish, offer or testimonial by copying an existing one.
What stays yours
- The code, the hosting and the invoice.
- Layout, design, structure: not touchable by the client.
- Your studio name on the editor panel.
Questions
Does the client need an account?
No. They get a link by email that opens their site with the editor. Revoke it any time.
Can the client break the layout?
No. They change text, photos and simple styles. Layout, design and code are not touchable.
Where do the saves go?
By default we store them and apply them on the live page for every visitor. Optionally every save is a commit to your GitHub repo, or we host the site.
What does it cost?
First site free. $9 per site per month after that, $6 from 20 sites. You charge your client what you want.
Does it work with Next.js?
Yes. In app/layout.tsx: import Script from "next/script" and inside <body> add <Script src="https://edit.thebrainer.co/edit.js" data-site="YOUR_SITE_KEY" strategy="afterInteractive" />.