Sitecore Search Next.js Starter Kit

This sample allows you to easily set up a Sitecore Search sample site using Next.js + Tailwind CSS.

• Japanese Version

Related Pages

For details on how to create this sample, please refer to the following page.

• Next.js - Sitecore Search

Prerequisites

This sample has been tested with the following environment.

• Node.js 20.15.0
• Next.js 14.2.18
• Sitecore Search

Usage

1. Rename the .env.example file to .env.local
2. Specify the following three environment variables

NEXT_PUBLIC_SEARCH_ENV=
NEXT_PUBLIC_SEARCH_CUSTOMER_KEY=
NEXT_PUBLIC_SEARCH_API_KEY=

Once the configuration is complete, run the following commands.

npm install
npm run dev

Sample Site

You can see the sample running on the following site.

• https://search.haramizu.com/