---
title: "Install the NextJS starter kit"
slug: "install-the-nextjs-starter-kit"
abstract: "How to install the starter kit including prerequisites."
---
# Install the NextJS starter kit

Now that you have reviewed [the prerequisites](https://doc.sitecore.com/ch-one/en/developers/content-hub-one/build-a-website-with-the-starter-kit/1-install-the-starter-kit-and-log-in/before-you-begin.md "Before you begin"), you can install the starter kit, create the environment file to connect to your Content Hub ONE tenant and serialize items, and [log in to your Content Hub ONE instance](https://doc.sitecore.com/ch-one/en/developers/content-hub-one/build-a-website-with-the-starter-kit/1-install-the-starter-kit-and-log-in/log-in-and-register-your-content-hub-one-tenant.html "Log in and register your Content Hub ONE tenant").

> [!note]
> **Before you begin**
> -   [Fork](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) the NextJS [starter kit repository](https://github.com/sitecore/content-hub-one-nextjs-starterkit) to your personal or company account and then rename it. This creates a copy of the repository.
>
> -   [Clone the repository](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository). This downloads the repository to your computer.

To install the Next JS starter kit:

1. Open an administrative command line, navigate to the root of the repository folder and run the command `npm install`.
2. Also in the repository folder, make a copy of the *.env.example* file, and name it *.env*.
3. In the *.env* file, enter the following parameters. You can find the appropriate values for each parameter in the corresponding location shown in the table. Where available, you can use the **Copy** ![copy icon](https://doc.sitecore.com/api/markdown-image/ch-one/en/developers/content-hub-one/images/content-copy-chone.png) button to add the value to your clipboard.

    | Parameter | Location |
    | --- | --- |
    | `SITECORE_CLIENT_ID` | In the Content Hub ONE app, on the menu bar, click **Settings** and, in the **INTEGRATION** section of the left pane, click **OAuth client**, and then select the **Client Credentials** option. |
    | `SITECORE_CLIENT_SECRET` | In the Content Hub ONE app, on the menu bar, click **Settings** and, in the **INTEGRATION** section of the left pane, click **OAuth client**, and then select the **Client Credentials** option. This is required when uploading the demo images using the setup.js. |
    | `SITECORE_ENDPOINT_URL` | The [Preview API URL](https://doc.sitecore.com/ch-one/en/developers/content-hub-one/build-a-website-with-the-starter-kit/1-install-the-starter-kit-and-log-in/preview-and-delivery-apis.md "Preview and Delivery APIs"), for example, `https://content-api.sitecorecloud.io/api/content/v1/preview/graphql/`. |
    | `SITECORE_DEV_AUTH_TOKEN` | In the Content Hub ONE app, on the menu bar, click **Settings** and, in the **INTEGRATION** section of the left pane, click **API keys**, and then create an API key for **Preview**. This can be done through the Content Hub ONE app, CLI, or Content Management API. |

4. Save the file.

    > [!important]
    > The client ID and client secret are required to run a script using the Content Management API to create content. For development, it is best to use the Preview API, including the `SITECORE_ENDPOINT_URL` and the `SITECORE_DEV_AUTH_TOKEN` for the Preview API. For production, use the Delivery API values instead.