# Next.js + Croct starter

A Next.js project with Croct integration.

By Croct. Categories: boilerplate, framework, language.

[Demo](https://starter-nextjs.preview.croct.live) · [Deploy](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcroct-tech%2Fvercel-template&project-name=starter-nextjs&repository-name=starter-nextjs&demo-title=Next.js+%2B+Croct+starter&demo-description=A+Next.js+project+with+Croct+integration.&demo-image=https%3A%2F%2Fcdn.croct.io%2Fassets%2Ftemplates%2Fcovers%2Fboilerplate-starter-nextjs.png&external-id=croct%3A%2F%2Fstarter%2Fnextjs&integration-ids=oac_cTQZ22CIXn5XgZXYk2nBwFdU&demo-url=https%3A%2F%2Fstarter-nextjs.preview.croct.live) · [Source](https://github.com/croct-tech/templates/blob/master/templates/croct/starter/nextjs/)

## Installation

```sh
npx croct@latest use croct://starter/nextjs
```

# Introduction

This template sets up a project using [Next.js](https://nextjs.org/?utm_source=croct) and Croct.
It shows how to use the [Croct Next.js SDK](https://docs.croct.com/reference/sdk/nextjs/integration) to add a CMS, 
analytics, AB testing and personalization to your application.

## Usage

To create a new project using this template, run:

```croct-cmd
croct use croct://starter/nextjs
```

To specify a Next.js version, use the `version` option:

```croct-cmd
croct use croct://starter/nextjs --version=14
```

## Options

The following options are available for this template:

| Option            | Description                                       | Required | Default  |
|-------------------|---------------------------------------------------|----------|----------|
| `name`            | The name of the project.                          | No       | `my-app` |
| `version`         | The Next.js version to use.                       | No       | `latest` |
| `javascript`      | Whether to use JavaScript instead of TypeScript.  | No       | `false`  |
| `tailwind`        | Whether to use Tailwind CSS.                      | No       | `false`  |
| `eslint`          | Whether to use ESLint.                            | No       | `true`   |
| `turbopack`       | Whether to use Turbopack.                         | No       | `false`  |
| `src-dir`         | Whether to use a `src` directory.                 | No       | `false`  |
| `import-alias`    | The import alias to use.                          | No       | `@/*`    |
| `router`          | The router to use (`app` or `page`).              | No       | `app`    |
| `disableLauncher` | Whether to disable the project launcher.          | No       | `false`  |
| `defaultHomepage` | Whether to use the default homepage over Croct's. | No       | `false`  |