Pagefind
Búsqueda full-text para sitios estáticos — indexa post-build, corre 100% en el browser, sin servidor ni cuotas.
La búsqueda de este sitio. Cero infra, cero cuotas, cero terceros leyendo qué busca tu audiencia. Para un blog o documentación es el setup correcto — el cliente descarga el índice una vez y el resto es local.
Bueno para
- Sitios estáticos generados con Astro, Hugo, Eleventy
- Documentación interna sin querer pagar Algolia
- Cualquier sitio que valore privacidad del visitante
No ideal para
- Sitios con miles de páginas (índice se vuelve grande)
- Búsqueda con personalización por usuario
El “buscador de mi sitio” suele ser uno de los puntos más caros del stack: o lo evitas y dejas a la gente con Ctrl+F, o levantas Algolia/Elastic y pagas suscripción + integraciones + telemetría. Pagefind es la tercera vía: construye un índice estático en build, lo sirve como JSON fragmentado, y la búsqueda corre en el navegador del visitante.
Cómo funciona
Después de astro build corres pagefind --site dist. Se genera una carpeta pagefind/ con índices comprimidos por idioma. El cliente descarga solo los fragmentos que necesita para la consulta concreta — no es “carga el índice de 50MB y reza”, es streaming inteligente. La UI por defecto es decente y se puede customizar con CSS variables para integrarla al tema visual sin tocar el componente.
Trade-off real
A medida que el sitio crece, el índice crece. En mi caso, decenas de artículos no son problema. Si tuviera miles de páginas, evaluaría si el visitante quiere descargar tantos megas para buscar. Pagefind tiene compresión razonable y filtros para excluir contenido no indexable (data-pagefind-ignore), pero hay un techo natural.
Para sitios estáticos pequeños y medianos, no hay competencia que justifique pagar mensualidad ni instalar dependencias de servidor.
Recibe nuevas tools curadas.
Cada semana, un email corto con las herramientas que estoy probando, lo que descarté y por qué.
Suscribirme — gratis →¿Armando tu stack?
Sesiones de consultoría 1:1 para revisar tu stack, decidir qué tool encaja y por qué. Una hora, agenda directa.
Ver consultoría →