Settings

Theme

Building a web page that edits itself

patrickweaver.net

42 points by evakhoury 18 days ago · 10 comments

Reader

stratts 14 days ago

This is an awesome idea and really resonates with me.

I did something similar for my site:

https://stratts.au/_editor/?preview=%2F&file=_site%2Fcontent...

You can edit and rebuild the site from within the browser, then download a .zip that contains everything. The editor can even edit itself.

Beyond self-modifying sites being just plain cool, there's a longevity aspect to it that I find very important as well.

There's also https://www.sparktype.org/ (a browser based CMS) which is also along similar lines.

lynx97 14 days ago

https://tiddlywiki.com/

  • mano78 14 days ago

    What I was thinking, too. But the description of the design process by OP was interesting to read.

  • p4bl0 14 days ago

    I was coming here to link it. Glad I reloaded the page before commenting to see your comment appear.

analog_daddy 13 days ago

I would also like to share [Nash](https://keepworking.github.io/nash/) to add to this awesome collection of websites shared here.

If someone in this domain of web-design can help me clarify what do i call these single file static HTML webpages which are fully offline (after the first js/css query to the cdn) which can be hosted from a github pages website without doing a NPM install? Is PWA the correct term, since it seems PWA is superset of whatever this is.

I always liked these websites for air-gapped setups since they are portable and simonw seemed to have reignited the passion for people sharing them on hn and elsewhere. I also started liking pyscript since it seemed accessible than javascript for debugging compared to llm written js.

androa 14 days ago

https://hyperclay.com

efilife 14 days ago

I thought this was going to be a satire of how he's built another huge abstraction, perhaps bigger than SSGs in order to avoid abstractions

danlitt 14 days ago

This is lovely, but I think falls down the moment you want any generated content (table of contents being a typical first example).

  • mlok 14 days ago

    Some Javascript can generate this on such a local single-html file.

flux3125 14 days ago

I was (positively) surprised that this didn't involve any AI.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection