Useful modern tools for static websites

stereobooster - Sep 27 '23 - - Dev Community

This list is about tools beyond static hosting and static website generators. There are already enough list about that.

Analytics

In old times there was basically one default choice: Google analytics. What is bad about GA:

  • JS size (about 49kb). There alternative clients though, like this one
  • Blocked by default by some browsers and adblockers
  • no GDPR compliance (e.g. you always need to provide cookies banner)

But there are a lot of better alternatives (just to name few):

See more alternatives here:

Also some “static hostings” provide analytics, for example:

Search

In old times people would use “Google custom search engine” (I can’t find it anymore, I guess, they discounted it). There is as well Algolia. But who needs third party paid solution, when you can do it for free.

Recent trend is to generate search index during site generation and then use client side library to do the search. It will probably won’t scale for a huge website, but for personal blog more than enough.

Some options (not a full list):

Honorable mentions:

  • typesense - open-source, but needs server
  • docsearch - free Algolia search for developer docs

Or you can do something crazy, like hosting SQLite database over HTTP.

Comments

In old times people would use Disqus. But again, it is not GDPR compliant out of the box and there is huge JS payload (at least it was, when I used it last time).

One of potential solution for developers is to reuse github comments or discussions as comments for your website. Most developers have github account anyway (I know there are people, who are strongly opposed to Github and prefer Gitlab or self-hosted solutions, but this is discussion for another time). For example:

Other option is not to host comments directly on your website, but put a link to a place where people can discuss (especially if you crosspost), for example: hacker news, dev.to, reddit, twitter etc.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .