Getting started
editsy puts an editing UI on top of the TypeScript content files your site already has. This page gets you from zero to editing in about two minutes.
Install
In a Next.js or React project:
npm install editsy
npm install -D @editsy/cliThe editsy package is the runtime (tiny, optional). @editsy/cli gives you the editsy command.
Point it at your content
If your content lives in content/*.ts files with plain object or array default exports, there's nothing to configure. Otherwise, add an editsy.config.ts at the project root:
export default {
content: ["content/**/*.ts"],
assets: "public",
siteUrl: "http://localhost:3000",
};Edit
npx editsy editYour browser opens an editor over every content file it found. Change something, watch the preview update as you type, review the exact file diff, save. The edit lands in your file, and you commit it like any other change.
Keep it honest in CI
npx editsy checkValidates that content files hold only plain, serializable values (no functions, no JSX, no spreads). Exit code 1 on problems, so it slots straight into CI.