Name	Name	Last commit message	Last commit date
parent directory ..
public	public
src/app	src/app
.gitignore	.gitignore
README.md	README.md
eslint.config.mjs	eslint.config.mjs
next.config.ts	next.config.ts
package.json	package.json
tsconfig.json	tsconfig.json

Name

Last commit message

Last commit date

LiveSession + Next.js

This is a sample project that demonstrates how to integrate LiveSession with a Next.js application.

Prerequisites

LiveSession account, you can create one here.
NEXT_PUBLIC_LIVESESSION_TRACK_ID environment variable - you can add it to the .env file. Tracking ID can be found in the LiveSession -> Settings -> Websites.

Clone this repository and install the dependencies:

git clone https://github.com/livesession/livesession-browser-samples

cd livesession-browser-samples/next

npm i

Start the development server:

npm run dev

Open your browser and navigate to http://localhost:3000.

LiveSession Browser SDK usage with autocapture events.
Basic example how to init LiveSession script in the src/app/livesession.tsx file.
Basic example how to use custom events in the src/app/components/Counter.tsx file (the Counter event name).