History

Joe Haddad 7d038dfef1 Suggest `npx` over `npm init` (#13637 ) This updates old examples to the more universal `npx` command. Fixes https://github.com/vercel/next.js/discussions/12103		2020-06-01 17:36:57 +00:00
..
components	Update Examples for Fast Refresh (#13068 )	2020-05-18 17:44:18 -04:00
pages	Refactor class components to functional @ examples (#13398 )	2020-05-27 05:14:26 +00:00
package.json	Refactor class components to functional @ examples (#13398 )	2020-05-27 05:14:26 +00:00
README.md	Suggest `npx` over `npm init` (#13637 )	2020-06-01 17:36:57 +00:00

README.md

Example app with analytics

This example shows how to use Next.js along with Segment Analytics. A custom document is used in inject the Segment snippet into the <head>. Page views are tracked on both the server and client side and components fire "track" events based on user actions (see contact.js for example).

Deploy your own

Deploy the example using Vercel:

How to use

Using `create-next-app`

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

npx create-next-app --example with-segment-analytics with-segment-analytics-app
# or
yarn create next-app --example with-segment-analytics with-segment-analytics-app

Download manually

Download the example:

curl https://codeload.github.com/vercel/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-segment-analytics
cd with-segment-analytics

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).