Sara Soueidan

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
Sep 21, 2025 at 11:35amWeb
Show threadValeSep 21, 2025

@SaraSoueidan I haven’t any experience with Pagefind and 11ty, but I’ve used Pagefind with other static site generators via their API to build a custom search interface.

Happy to chat and set something up.

Show threadMarc AmosSep 21, 2025
@SaraSoueidan @11ty I eager to see the outcome. I’m using the default Pagefind on my #11ty site and there’s no label element (and I can’t determine how to get one into it).
Show threadSara SoueidanSep 21, 2025
@marcamos I'll be doing a writeup about it once I have it implemented.
Show threadMarc AmosSep 21, 2025
@SaraSoueidan amazing; thank you!
Show threadJoshua HamiltonSep 21, 2025
If you’re still looking, I may be able to help. I did something very similar to this a while ago, though I used a different search library. It was a big-ish 11ty site with a custom search form, including find as you type, keyboard support, and what not. The project was mothballed and is not public so I can’t post the link, but I have a copy and can send it to you privately over email or something. :)
Show threadDonnie D'AmatoSep 22, 2025
@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?
Show threadSara SoueidanSep 22, 2025

@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 ...

Show threadDonnie D'AmatoSep 22, 2025
@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?
Show threadSara SoueidanSep 22, 2025

@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

Show threadDonnie D'AmatoSep 22, 2025
@SaraSoueidan ok yeah, it sounds like the results area would be the most customized 👍