Navigate to [dash.reactivesearch.io/cluster/search-builder](http://dash.reactivesearch.io/cluster/search-builder)

Select a template. Here, I will select the Authenticated Search template.

Select an index. Here, I will be selecting "good-books-ds". You can also do the same by searching for it and selecting it in the dropdown.

Set the endpoint to POST /good-books-ds-pipeline/_reactivesearch

Next, create an API credential or choose an existing one. This is used by the UI builder and published search UI to connect to the data plane.

Next, map all the collection fields to the result layout

Once all the fields are set, you can review the search UI with UI Preview.

Save SearchApply Saved Searches
9418 products found in 2 ms
Paradise Lost
John Milton, John Leonard
$ 3.8
Favorite
Open URL
Antigone
Jean Anouilh
$ 3.8
Favorite
Open URL
The Chronicles of Narnia - The Lion, the Witch, and the Wardrobe Official Illustrated Movie Companion
Perry Moore, Andrew Adamson, C.S. Lewis
$ 4.48
Favorite
Open URL
Grasshopper Jungle
Andrew Smith
$ 3.66
Favorite
Open URL
Lake in the Clouds
Sara Donati
$ 4.31
Favorite
Open URL
The Map That Changed the World: William Smith and the Birth of Modern Geology
Simon Winchester
$ 3.81
Favorite
Open URL
Birdman
Mo Hayder
$ 3.88
Favorite
Open URL
Broken for You
Stephanie Kallos
$ 3.8
Favorite
Open URL
Between the World and Me
Ta-Nehisi Coates
$ 4.4
Favorite
Open URL

Before deploying, enable "End-user Authentication"

Enable end-user authentication for this search UI

The latest commit is auto picked, you can also change a past commit to deploy that version.

Once the deployment is complete, you will see the URL as shown here. Click there to test the live search UI: "appbase-demo-new-udhuzdz-0276b544-b655-42d9-b773-e82-ffa3rddvv.vercel.app"

Connecting the search UI to Elasticsearch

Want to make guides like this in seconds? Yes, it's really that fast.