Table of contents

Añadir una función de búsqueda al sitio web

A medida que el número de artículos del blog en mi sitio web aumentaba gradualmente, también lo hacía la demanda de una función de búsqueda. Después de algunas investigaciones y experimentos, finalmente logré añadir una función de búsqueda a mi sitio web. Usando React por primera vez, me resultó algo familiar, especialmente porque el diseño de Astro recuerda a React.

Funcionalidad de búsqueda

La función de búsqueda ahora está prominentemente ubicada en la página de inicio del sitio web, permitiendo a los usuarios ingresar palabras clave relacionadas con temas que les interesan. Cuando un usuario envía una consulta de búsqueda, la función de búsqueda escanea todos los artículos del blog y devuelve aquellos que coinciden con la consulta.

La función de búsqueda no distingue entre mayúsculas y minúsculas, lo que significa que devolverá resultados independientemente de si las palabras clave están en mayúsculas o minúsculas. Además, busca palabras clave tanto en los títulos como en el contenido de los artículos del blog, proporcionando a los usuarios resultados más relevantes.