Table of contents

Adicionando uma Função de Pesquisa ao Site

À medida que o número de artigos do blog no meu site aumentava gradualmente, também aumentava a demanda por uma função de pesquisa. Após alguma pesquisa e experimentação, finalmente consegui adicionar uma função de pesquisa ao meu site. Usando React pela primeira vez, pareceu-me familiar, especialmente porque o design do Astro lembra o React.

Funcionalidade de Pesquisa

A função de pesquisa agora está proeminentemente colocada na página inicial do site, permitindo que os usuários insiram palavras-chave relacionadas a tópicos de seu interesse. Quando um usuário envia uma consulta de pesquisa, a função de pesquisa examina todos os artigos do blog e retorna os artigos que correspondem à consulta.

A função de pesquisa não diferencia maiúsculas de minúsculas, o que significa que retornará resultados independentemente de as palavras-chave estarem em maiúsculas ou minúsculas. Além disso, pesquisa palavras-chave tanto nos títulos quanto no conteúdo dos artigos do blog, fornecendo aos usuários resultados mais relevantes.