With Segment Analytics (Pages Router)

This example shows how to use Next.js along with Segment Analytics using segmentio/analytics-next. The custom app component includes a component (analytics.tsx)[(https://github.com/vercel/next.js/blob/canary/examples/with-segment-analytics-pages-router/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

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

bash

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

bash

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

bash

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

Deploy it to the cloud with Vercel (Documentation).