La búsqueda ha sido la razón por la que los sitios fueron tratados como dinámicos durante veinte años. Pagefind puso fin a esa discusión. Se ejecuta una vez, después de su compilación, e indexa los archivos HTML que ya tiene. El resultado es un índice fragmentado de pequeños archivos JSON que el navegador recupera con pereza.

Tres comandos

npm i -D pagefind
npx pagefind --site out
# serve the search UI wherever you like

Ese es todo el proceso. En un sitio personal modesto, el índice pesa unos pocos kilobytes y el navegador carga sólo los fragmentos que realmente necesita, por lo que la página de búsqueda permanece liviana incluso con cientos de artículos.

Lo que lo hace muy genial

  • Multilingüe surge de forma inmediata, por lo que "traducir" encuentra la misma página que "traducida" en su índice de cuatro idiomas.
  • Resaltado de la frase coincidente a su llegada, sin trabajo de marcado adicional.
  • Cero backend, cero costo, cero posibilidades de filtrar un registro de búsqueda.

Conéctelo a su propio ritmo: ejecútelo en CI después de su compilación estática favorita y coloque la interfaz de usuario en una página como una etiqueta de script simple. El índice se encuentra en la carpeta de salida, por lo que cada implementación lo actualiza. Para un sitio como el nuestro, eso es todo lo que se suponía que debía hacer una función de búsqueda.