Do you know of any client-side search solutions for static sites?

I'm looking for a way to add search to a fully static site (think technical documentation) without any server side compute or API.

My idea was to implement one that generates a static index that can be queried by client-side javascript when doing a search, and have the index be organized in such a way that it can be used without having to download the entire thing.

I feel like this should exist already, but I have zero experience here. So, can anyone share suggestions?

21 points · 5 comments · view on lemmy.world

5 Comments

jaredwhite@humansare.social · 6 pts · 212d (1 reply)

Pagefind is an awesome solution and can work with pretty much any static site generator. https://pagefind.app/

For example, I use it here on my site That HTML Blog.

entwine@programming.dev · 5 pts · 212d

Awesome, this is exactly what I was looking for, thanks!

CompactFlax@discuss.tchncs.de · 2 pts · 213d

Search incorporating the static site generators as keywords; there’s some JavaScript stuff for that which you may be able to modify. Example https://github.com/christian-fei/Simple-Jekyll-Search

I am not a frontend person.

moonpiedumplings@programming.dev · 2 pts · 212d

Yes, there are often extensions to static site generators that have this. I like quarto because this is built into the static site generator itself and is just a toggle option but it is a common feature.

frisbird@lemmy.ml · 2 pts · 213d

I feel like it should exist as well and would love to know what the community is aware of