Gatsby site search with Lunr.js

One of the downsides for a static site is that a search capability is tough to come by. This tutorial looks at using a tool called Lunr.js (note the similarity to Solr) on how you might use this with your static site.

GatsbyJS with Search using Lunr

Whether it’s a blog or commercial product, providing users with a mechanism to search your website for the content they’re looking for is a perfect way to reduce dropout rates and increase conversion. They’re also pretty tough to get right, especially when it comes to a static website.

In this post we’ll go through creating a collection of accessible Site Search components for your Gatsby powered website, using Lunr.js, an open source search library built in JavaScript.

An excerpt from Gatsby site search with Lunr.js

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.