Client-Side Search for Static Sites with Strapi, Next.js, Fusejs & Cloudflare
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.