- 0: Environment Setup
- 1: Basic Configuration, Options, and Markup
- 2: Interact With the Search Interface and Component Instances
- 3: Understanding the Event System
- 4: Modify the Query
- 5: Result Templates
- 6: Usage Analytics
- 7: Interact With Component States
- 8: Configure Your Own Search Endpoint
- 9: Advanced Integration With Custom TypeScript Component (Configuration)
- 10: Advanced Integration With Custom TypeScript Component (Implementation)
This preliminary tutorial explains how to set up your local machine (whether it be running on Windows, macOS, or Linux) to be able to actively follow the rest of the tutorials in this series.
Make sure Git is properly installed and working on your local machine. It will be needed to clone the repository required for these tutorials.
Git can be downloaded from the following URL: https://git-scm.com/download.
Node.js will be used to install the project dependencies and run a developer server for these tutorials.
You can download Node.js from the following URL: https://nodejs.org/en/.
Make sure you are using Node.js v10.x. You can check what Node.js version is installed on your local machine by typing the following command in a terminal:
Clone the Tutorial Repository
In a terminal, from the folder into which you would like the tutorial repository to be cloned, type the following command lines:
git clone https://github.com/coveo/search-ui-seed.git cd search-ui-seed
This will clone the repository into a new folder named
search-ui-seed and navigate to the root of that folder.
Install Project Dependencies
Use npm, which is the package manager for Node.js, to install the project dependencies.
In a terminal, from the root of the
search-ui-seed folder, type the following command line:
This will download and install the dependencies required to build and run the project.
Once all dependencies have been correctly installed, type the following command line:
npm run build
This will build the entire project.
After the project has been built, type the following command line:
npm run watch
This will run a webpack-dev-server, which you can access to by opening http://localhost:3000 in a web browser (see webpack dev server). When you access the webpack-dev-server, you should see a fully configured search interface pointing to a sample endpoint.