Add a new route to a Search UI

Go to the code editor.

Navigate to reactivesearch-manifest.json file.

Add "hello-world" page key under the "pages" JSON object

You may create a new directory - "pages" under "src" to house new pages.

Create a new page "HelloWorld.js" under "src > pages" directory

Import HelloWorld.js from src/pages/ in App.js

Add a new route '/hello-world' to "App.js" that renders "HelloWorld.js"

Commit and deploy the code.

Navigate to generated codesandbox link/ deployed link and navigate to '/hello-world' route

Close the code editor

Navigate to "UI Components" tab

Confirm the presence of the newly added page. 🎉

Navigate to the "UI components" tab, and select 'hello-world' from page route selector

Configure the page settings.

Finish configuring facets, results settings, search settings, etc, and save the settings