I built two dozen single-file HTML tools that run offline and need no back end
15 comments
I work a corporate job and have also made a folder on my computer where I have about 10 HTML "tools". All with a specific purpose that helps me with a niche use. Mostly written by me, though, of course with some vibe coding. For instance, I have a custom GANTT chart project tracker with many oddities that I felt too confined with Excel. Though, I am weary of persistent storage only and am looking into exploring with Netlify to at least host them via a static website, maybe with a little storage. Can anyone offer any advice on how to host by literally adding the HTML text or files? Not looking to use an FTP or anything really complicated.
Love it! I think there is a lot of untapped potential in single file html approaches - I like to make single file html "viewers" for different kinds of files for my own use. For example, if I have a specific json format with a lot of files, I build a viewer that can view, search, filter, sort, etc. exactly the way I want it. Here is a json viewer - https://gist.github.com/rcanand/5a7e124acc2ac241cba4a629cc1b... and a csv viewer - https://gist.github.com/rcanand/cc0a7dc87839ac1c23a0e687c779...
Id love to see go-app.dev deployed that way. Seems like shipping WASM as a single HTML works https://stackoverflow.com/questions/52582367/a-single-file-w...
Like the simplicity approach - single-file tools are underrated.
One thing to note: if you ever want "install as app" functionality, you'd need to host them (even on GitHub Pages). File:// URLs don't support service workers, which means:
- Can't properly "Add to Home Screen" as a PWA
- Can't use Cache API for offline-first functionality
- Limited to localStorage (~5MB) instead of IndexedDB
- CORS restrictions prevent fetching from external APIs/CDNs
But if your tools work fine with localStorage and file:// access, no need to overcomplicate. The current approach is valid too.
One thing to note: if you ever want "install as app" functionality, you'd need to host them (even on GitHub Pages). File:// URLs don't support service workers, which means:
- Can't properly "Add to Home Screen" as a PWA
- Can't use Cache API for offline-first functionality
- Limited to localStorage (~5MB) instead of IndexedDB
- CORS restrictions prevent fetching from external APIs/CDNs
But if your tools work fine with localStorage and file:// access, no need to overcomplicate. The current approach is valid too.
I just use Emacs.
One or two years before, I would have agreed with the HTML approach, because I would have wanted it to be easily accessible from mobile and what not. But now, I just prefer having a full computer with me (and planning to invest in a smaller and more portable one). A browser is a very wasteful and limited interface.
One or two years before, I would have agreed with the HTML approach, because I would have wanted it to be easily accessible from mobile and what not. But now, I just prefer having a full computer with me (and planning to invest in a smaller and more portable one). A browser is a very wasteful and limited interface.
I really love it.
In this year i tried make some note with html
I also posted in hn (https://news.ycombinator.com/item?id=43358914)
I think if the browser provides more nice file saving solution the standalone html app will be more powerfull
In this year i tried make some note with html
I also posted in hn (https://news.ycombinator.com/item?id=43358914)
I think if the browser provides more nice file saving solution the standalone html app will be more powerfull
Have done this a few times. Updating the thing and keeping my data is always annoying even with web storage. The limitations of CORS also make it annoying the moment you want to do anything more involved.
In the end I usually just write a normal program for myself in autoit.
In the end I usually just write a normal program for myself in autoit.
I've built a few, sometimes for fun and sometimes as tools.
There was a recent submission with some good examples: https://news.ycombinator.com/item?id=46223882
There was a recent submission with some good examples: https://news.ycombinator.com/item?id=46223882
Sounds neat, I like the concept. :)
How is persistent storage handled? Do users need to be made aware that their data in local storage might disappear one day if the OS runs low on disk space?
How is persistent storage handled? Do users need to be made aware that their data in local storage might disappear one day if the OS runs low on disk space?
Sarcasm:
bad bad not good. it's ok for poor people but the poor aren't capital if they produce capital (financial or cognitive or any other) without making someone else richer (in data or money) so your approach is essentially bad for the extended wall street portfolio and thus bad for the economy.
No sarcasm:
Always a good approach. Variation and customization of all kinds of tools are imperative.
The single html file approach is ok.
I did similar stuff, twice, and will transition to python, rust or zig because now freaking web hooks, sms and whatsapp notifications will be useful just because the amount and variety of tasks and active and passive participants is growing, which gave me a much better understanding of what the fuck is wrong with industries, btw (so much less than I thought). Must remember to version control, properly, though, as well as documenting and properly organizing the code, all of which is so damn 101.
bad bad not good. it's ok for poor people but the poor aren't capital if they produce capital (financial or cognitive or any other) without making someone else richer (in data or money) so your approach is essentially bad for the extended wall street portfolio and thus bad for the economy.
No sarcasm:
Always a good approach. Variation and customization of all kinds of tools are imperative.
The single html file approach is ok.
I did similar stuff, twice, and will transition to python, rust or zig because now freaking web hooks, sms and whatsapp notifications will be useful just because the amount and variety of tasks and active and passive participants is growing, which gave me a much better understanding of what the fuck is wrong with industries, btw (so much less than I thought). Must remember to version control, properly, though, as well as documenting and properly organizing the code, all of which is so damn 101.
it's great for everything that doesn't need writing data to disk (although some limited persistence can be had by storing data in the URL). the bummer is that even Firefox doesn't allow saving/opening .html files on mobile.
Web storage API days hi:
https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage...
https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage...
What are the tools for and what are the tools you're replacing?
Do you have those on any public git?
Do you have those on any public git?
Started as a personal project but I've now shipped habit trackers, journals, planners, invoice generators, and a bunch of teaching tools.
Curious what HN thinks about this approach to software.