/plushcap/analysis/strapi/strapi-client-side-search-for-static-sites-with-strapi-nextjs-fusejs-and-cloudflare

Client-Side Search for Static Sites with Strapi, Next.js, Fusejs & Cloudflare

What's this blog post about?

This tutorial demonstrates how to implement client-based search on static sites using Strapi 5, Next.js, Fusejs, and Cloudflare. The project involves creating a digital marketing agency website with various content types such as service categories, services, and showcases. Fuse.js is used for the search functionality, while Turborepo is employed to set up a monorepo containing both the frontend and backend applications. The Strapi app is configured to enable search through its REST, GraphQL APIs, or by using plugins like Fuzzy Search. The frontend is built with Next.js 15, and the project is deployed on Cloudflare to illustrate how changes in content on Strapi can reflect on the site's search data set and index.

Company
Strapi

Date published
Nov. 25, 2024

Author(s)
Winnie Chepng'eno

Word count
3305

Language
English

Hacker News points
None found.


By Matt Makai. 2021-2024.