The editor

Edit sites in your browser, with drafts, reviews and a live preview.

1. What the editor is

   A website editor in your browser, for people who'd rather not touch files. You sign in with your git platform, and every change is saved, reviewable and reversible.

2. Set up sign-in

   The editor signs people in through your git platform. That needs a sign-in app (an "OAuth application") registered once on the platform. Here's how, on each.

3. Run the editor

   Write a short settings file, set two secrets, and start the editor. Then sign in and open your site.

4. Edit a page

   Open a page, change it with forms or as text, watch the preview update as you type, and save it to a draft.

5. Look

   Change your site's colors, font, corners and logo, in light and dark mode, with a live preview and a check that every color stays readable.

6. Pictures in the editor

   Upload pictures in the editor and they're resized, made lighter, and cleaned of hidden details. Every picture needs a description.

7. Review and publish

   Ask someone to look at a draft before it goes live, then publish it. The checks run every time, and nothing with errors is published.

8. Quick posts

   For what has to go up in minutes: a banner, a news post, an event or a front-page change, with one form and one button.

9. History and undo

   Every change that reached your site is in its history, with who made it and when. Any of them can be undone.

10. Files, commands and the console

    For people who'd rather type: every file as text, every action by name, and a command line that speaks HotDog.

11. Running it for a team

    Run the editor on a server so everyone can reach it, safely: its own address, TLS, previews on a separate domain, and the same secret on every copy.