Table of contents

Ajout d’une fonction de recherche au site web

Alors que le nombre d’articles de blog sur mon site augmentait progressivement, le besoin d’une fonction de recherche s’est également accru. Après quelques recherches et expérimentations, j’ai finalement réussi à ajouter une fonction de recherche à mon site web. Utilisant React pour la première fois, cela m’a semblé quelque peu familier, d’autant plus que la conception d’Astro rappelle React.

Fonctionnalité de recherche

La fonction de recherche est désormais placée bien en évidence sur la page d’accueil du site, permettant aux utilisateurs de saisir des mots-clés liés aux sujets qui les intéressent. Lorsqu’un utilisateur soumet une requête de recherche, la fonction de recherche parcourt tous les articles du blog et renvoie les articles correspondant à la requête.

La fonction de recherche est insensible à la casse, ce qui signifie qu’elle renverra des résultats indépendamment du fait que les mots-clés soient en majuscules ou en minuscules. De plus, elle recherche les mots-clés à la fois dans les titres et le contenu des articles de blog, offrant ainsi aux utilisateurs des résultats plus pertinents.