Do I (or you!) know someone who has experience (or ability) working with Pagefind https://pagefind.app to implement search for an @11ty based website who also happens to be available for hire?

I need someone who can use the search API to create a custom implementation with custom HTML markup, not just set up the default Pagefind behavior (which I can do already).

Thank you! #lazyWeb

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
@SaraSoueidan @11ty I just started looking into this myself. While I'm using Astro I'm most likely going to try to make a web component for it. Do you have any specific criteria you are focusing on?

@donnie Yes!

The requirements are listed in this post https://www.scottohara.me/blog/2022/02/05/dynamic-results.html — it's the same requirements I have except I never documented them and then Scott did so now I happily refer to his post until I write one of my own. The only exception among those in the article is the "press Esc to move focus back to search field", which is an enhancement that I don't normally consider but would be nice to have.

The ability to customize the markup for the search results is important to me.

Considering dynamic search results and content | scottohara.me

Before we even begin, here are some key things I want you to take away from this post, which I had intended to write as a quick note of sorts… but I clearly ...

@SaraSoueidan When you say customize markup, how much are you expecting? Is it a matter of just the results or closer to the whole component?

@donnie Well, the search field itself must have a visible label and a description properly attached to it, and the results I would expect to be customizable in the sense that I could place the title and excerpt in a <li> or in an <article>, with or without headings, etc.

I would personally expect an <h> for the "Results" headline, and then a series of <article>s with <hx> inside them. Depending on where the search is used, I might change the markup a bit and maybe expose the results as a region

@SaraSoueidan ok yeah, it sounds like the results area would be the most customized 👍