An HTML devlog template that saves itself
You shipped a build on Tuesday. That evening you write one post dated Tuesday, with a card under it for each project you touched.
Devlog is a development log you publish at your own hyperclay.com address. You drag posts and cards into the order you want, and the order stays. It's a template on Hyperclay, which hosts web pages that save their own changes.
The live example is view only. Hyperclay has no free plan, and plans start at $6 a month.
If you're signed in, the Make your own copy button opens a page where you name your copy. If you're new to Hyperclay, you choose a plan first, then come back to name your copy.
What you can do in it
- Click a post's date to set it. Readers see it as relative time, like "2 weeks ago".
- Drag posts to reorder them. Drag project cards to reorder them inside a post.
- Give each project a name, a link and one of seven colored types, such as experiment or dormant project.
- Duplicate a post, or remove one.
- Collect addresses with the signup form at the top. Each address someone enters is emailed to you.
The menus show only in edit mode, for anyone who can edit the log. Readers see the posts, the project links and the signup form.
Drag a post and it stays
Open your copy in edit mode and drag the second post above the first. Then reload the page. The new order holds.
The drag moved that post's HTML inside the document, and the page saved its own HTML. Open the code editor and the post is first in the source too. There's no database behind the log.
Change the HTML
Your copy is yours to change. Edit it in the code editor, paste it into an AI chat to change it, or download it as an .html file. A downloaded copy loses most of its layout, and its signup form stops sending, because both depend on paths that only work when Hyperclay serves the page.
Say you want an eighth project type called client work. Copy the HTML from the code editor into Claude or ChatGPT and ask for that type. Ask for the whole file back, paste it over the old HTML and save.
Where it stops
The log has no search, no tags and no RSS feed. Readers scroll.
There's no new post button. You duplicate a post, then change its date and its text.
A project card is shared by name. Edit a project's description or link in one post, and it changes in every post that shows that project. So put dated progress in the post text, not in the card.
In edit mode, the two arrows at a card's top right swap it for another project already in your log. To add a project to a post, choose add project from the post's menu, then give the new card a name.
The signup form emails each address to you. It doesn't send a newsletter. You send that from your own email tool.
Two plans, both paid
Personal is $6 a month. Maker is $15 a month and includes you and three editors. Both include a hyperclay.com subdomain and custom domains, and both come with a full refund in the first 30 days. The pricing page compares them.
I'm David, and I make Hyperclay. If you start a devlog with this, send me the link at david@hyperclay.com. I'd like to read it.