Pagefind
I added static search to this site in less than half an hour using Pagefind.
Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.
The only thing I did was adding this snippet to my startpage:
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
And run pagefind
on my built website files:
uv run --with pagefind[extended] python -m pagefind --site site/
Pretty neat!
Published: 2025-05-21