Been butting my head against Pagefind on my textbook site, the Default UI works, the Playground works, but using the Pagefind API in my Lit component does not return any results. I know it worked once upon a time when I original wrote the component, but have no idea what have changed since then or when it stopped working. 🥺

#pagefind #lit

I added search to my #eleventy blog via #pagefind. It took maybe 30 minutes, including a bit of fumbling to index only the posts and not lists of tags and the like. The delta between my old Wordpress version of the blog and the current statically rendered version continues to shrink.

I used these directions and they worked great and were easy to follow:

https://slecache.com/posts/adding-pagefind-search-to-a-static-eleventy-site/

The whole process was simple and straightforward. It made me feel dumb that it took me this long to do it.

#11ty

Adding Pagefind Search to a Static Eleventy Site

Search is an essential feature on a website. But how to implement it on a static site?

slecache

Comment j'ai viré Algolia et recréé le Google de 1998 sur mon site

https://fed.brid.gy/r/https://korben.info/pagefind-recherche-statique-hugo-algolia-alternative.html

On this note, though, does anybody know of there’s a way to improve the search query syntax in #Pagefind ? It doesn’t support excluding words, for example, unless it does and I don’t know it.

Le #smallWeb c'est bien, mais il me manquait un moteur de recherche adapté sur mon site statique construit avec #hugo .

Je ne pensais pas que c'était possible.
Et j'ai trouvé #pagefind : mon site reste statique, l'indexation est faite en amont, et le site reste super léger et rapide. 😋
Seule la page de recherche charge le javascript si elle est utilisée.

https://alterzorg.fr/recettes/articles/recherche/

#smolweb

Pagefind | Pagefind — Static low-bandwidth search at scale

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.

Pagefind — Static low-bandwidth search at scale

I finally got around to enabling search [1] via #pagefind for #11ty. However, as #pagefind is a client side solution, this required #Cloudflare #RocketLoader to be turned off and a cache purge to ensure Chrome users with #uBlock were not impacted. Seems like a good tradeoff as I don't use that much javascript.

[1] https://fudge.org/search/

Search

Fudge Factor is a newsletter and blog by Jay Cuthrell

Fudge Factor 🤔💡🤯🤓

J'ai ajouté un moteur de recherche sur mon site d'activités, sans aucune dépendance à un service tier. C'est pourtant un site statique généré avec @11ty ! 🤔

Eh oui, merci #Pagefind, créé et maintenu par @bglw, à l'origine chez @cloudcannon.

Il indexe les contenus directement dans le HTML généré pour le site, et fourni une interface front en #svelte pour la recherche sur le site.

Exemple de recherche (très pertinente 🧁🥐😅) :
https://activites.nicolas-hoizey.com/recherche/?q=boulangerie

Doc : https://pagefind.app/

Recherche — Les activités de Nicolas Hoizey

Les activités de Nicolas Hoizey
Moving Search From Google To PageFind | Jacen Sekai

I'm just enough of a narcissist to believe that people deserve to hear the things I have to say, so discoverability is very important to me. To that end, I've wanted to have some kind of search function on my site to make it easier to find older posts. Around two months ago, I added a Google Programmable Search Engine as a temporary measure, but I always had my eye on PageFind in the long term. Today, I finally took the time to implement the PageFind solution into the site.

Jacen Sekai

After way too long, I've finally dropped Google in favor of #PageFind for search on my website.
https://jacen.moe/search/

#11ty #StaticSiteGenerator #SSG #Indieweb

Search | Jacen Sekai

Jacen's personal website

Jacen Sekai