<% user.full_name %>
<% util.level ? util.level.title : '' %>
Explorer Pioneer Apollo Viking Voyager Pathfinder Orion
Points
<% user.points ? user.points.toLocaleString() : 0 %>
Badges
<% util.badgeCount %>
Streaks
Congratulations You've <% util.newestBadge.isCurriculum ? 'completed' : 'earned' %> the
<% util.newestBadge.title %> <% util.newestBadge.isCurriculum ? 'curriculum' : 'badge' %>!
previous
next
Share to Social Media
Linked In Facebook
Status
<% util.level ? util.level.title : '' %>
<% util.level ? util.level.points : '' %>
<% util.nextLevel ? util.nextLevel.title : '' %>
<% util.nextLevel ? util.nextLevel.points : '' %>
Level up! <% util.levelPointsRemaining %> points to go
Level up! <% util.levelPointsRemaining %> points to go
Badges
Completed Hitchhikers Track Completed Knowledge Graph Track Completed Pages Track Completed Search Backend Track Completed Search Frontend Theme Track Completed Search UI React Track Completed Solution Templates and the Admin Console Track Completed Technical Skills Track Completed Platform Basics Track Completed Listings Track Completed Reviews Track Completed Industry Overview Track Completed Analytics Track Completed Industry Overview & Product Basics Track Completed Multi-Language Experiences Track Completed Chat Track
<% util.expandBadges ? 'Less' : 'More' %>
Playground Accounts
New +
No Playground Accounts
Create Playground +
View Profile
Log Out loading
Mission Complete! 🚀
Congratulations, you’ve completed your first module!

We hope you enjoy exploring the rest of the site. Please don’t forget to leave us feedback - we are constantly looking to improve. Happy Hitchhiking!
Home
Welcome to Hitchhikers! 👋
To learn more about the platform we encourage you to get started by completing the Hitchhikers Program Track and earning your first badge!
Start Here
Close notification
Guide
Search - Headless React
Arrow Back
Completed
Introduction
Introduction
completed
Completed 1
Step 1
Clone and Run the Starter app
completed
Completed 2
Step 2
Add a Component
completed
Completed 3
Step 3
Create a Custom Card
completed
Next Steps
Next Steps
completed
home

Next Steps | Yext Hitchhikers Platform

Apply your own Search experience

The sample app works with a test experience. You can optionally replace the credentials with your own:

  • Navigate to src/config/answersHeadlessConfig.ts
    • In the answersHeadlessConfig object, replace the apiKey, experienceKey, and locale with the attributes from your search configuration.
  • Navigate to src/config/routeConfig.tsx
    • In the routeConfig object, configure each path and verticalKey to align with the verticals in your search configuration.
  • Update the following files:
    • universalResultsConfig.ts with your vertical keys and labels
    • Component configuration in VerticalSearchPage.tsx to use the filters of your choice (or remove them).

We also recommend reading our docs on Search Headless React for more details.

<% elem.innerText %>