Next.js Complete Starter

Check out the Complete guide to Next.js and Prepr to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Add the environment file

Copy the .env.example file in this directory to .env (which will be ignored by Git) by running the following command:

cp .env.example .env

Update the environment file

In the .env file, replace <YOUR_PREPR_GRAPHQL_URL> with the API URL of the Prepr GraphQL Preview access token from your Acme Lease Demo environment.

Add the Prepr tracking pixel

Go to the src/app/layout.tsx file and replace the placeholder YOUR-PREPR-TRACKING-CODE with your own tracking code in Prepr.

Don't forget to remove the HTML tags <!-- Prepr Tracking Code -->, <script> and </script> tags from the embedded code.

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Start the production build:

npm run start

Check out the deployment documentation for more information.