Log in to GraphQL Editor
Searchkit - Search UI with GraphQL, React and Elasticsearch
Tomek

Tomek Poniatowicz

11/17/2020

Searchkit - Search UI with GraphQL, React and Elasticsearch

The most important part of any web or mobile app is the content it provides. Exchanging data is a fundamental feature of any modern app. What distinguishes a great app from a mediocre one is the quality of accessing & presenting the data. Using API is the most popular way of setting up a communication system between external systems. Building a great API is a complicated process. Fortunately, there are many tools to help us out. One of them is a library called Searchkit.

Searched focused API made easy

Searchkit is a tool allowing you can quickly build a search experience using predefined GraphQL resolvers and React components. Built on the top of Apollo GraphQL, React & Elasticsearch, Searchkit makes building a high-quality API a lot easier. The library provides GraphQL resolvers dedicated to handling the most common use cases you could think of when using filtering oriented API beginning with basic operations such as simple querying, ending on more tricky ones such as efficient facet filtering or pagination.

Features:

  • Designed for Search UI - Searchkit's resolvers combined with the power of Elasticsearch & Apollo GraphQL makes it easy to build your search-focused API.
  • Client-oriented - many APIs end up being completely out of touch with the client's actual needs. Searchkit is listened to the needs of the client-side making it super easy to integrate with your web or mobile app.
  • Efficient Search - the library makes the faceted search easy by providing numerous ways of filtering. Text, numbers, dates? They got you covered.
  • Highly Customisable - Searchkit is easily customizable and doesn't make you bound with Elasticsearch, if you prefer to fetch information from different sources you can write your own resolvers. GraphQL makes it super easy to customize the API with your own data without interacting with Searchkit's core.

Out the box React Components

The makers of the Searchikit are motivated by the idea of providing a great search experience for all users, even those not fluent in Elasticsearch & React. For this group of users Searchkit offers an out of the box solution that provides UI components flawlessly working with Searchkit's API. If you are looking for a search solution for your project Searchkit delivers a great search experience in no time by leveraging Elastic's EUI React components.

yarn add @searchkit/client @searchkit/elastic-ui @elastic/eui

Gif presenting Searchkit example

Source: searchkit.co

To get more in-depth information on how to start building your API with Searchkit make sure to visit its official documentation and GitHub page. Have fun!

Check out our other blogposts

Apollo GraphQL - a short overview
Tomek Poniatowicz
Tomek Poniatowicz
Apollo GraphQL - a short overview
5 min read
about 5 years ago
Interactive GraphQL Tutorial for beginners
Tomek Poniatowicz
Tomek Poniatowicz
Interactive GraphQL Tutorial for beginners
1 min read
over 4 years ago
GraphQL Hello World app with GraphQL Editor and Stucco.js
Arkadiusz Kuryło
Arkadiusz Kuryło
GraphQL Hello World app with GraphQL Editor and Stucco.js
4 min read
5 months ago

Ready for take-off?

Elevate your work with our editor that combines world-class visual graph, documentation and API console

Get Started with GraphQL Editor