With Segment Analytics

This example shows how to use Next.js along with Segment Analytics using segmentio/analytics-next. The main app layout includes a Client Component (analytics.tsx)[(https://github.com/vercel/next.js/blob/canary/examples/with-segment-analytics/components/analytics.tsx)] which loads Segment and also exports the analytics object which can be imported and used to call the Track API on user actions (Refer to contact.tsx).

Deploy your own

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-segment-analytics with-segment-analytics-app

yarn create next-app --example with-segment-analytics with-segment-analytics-app

pnpm create next-app --example with-segment-analytics with-segment-analytics-app

Deploy it to the cloud with Vercel (Documentation).