Home / Companies / Strapi / Blog / Post Details
Content Deep Dive

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

Blog post from Strapi

Post Details
Company
Date Published
Author
Winnie Chepng'eno
Word Count
3,305
Language
English
Hacker News Points
-
Summary

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.