mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00

Stephen Mathieson 9165d753d0 Add an example using analytics (#3580 )

This patch adds an example of a Next.js app using analytics. A custom
document injects the [Segment](https://segment.com) bootstrapping
snippet into the `<head>`, allowing "page" and "track" calls to be made.

An issue came up in CNA asking how we handle this in our apps (see
https://github.com/segmentio/create-next-app/issues/24), so I figure an
"official example" could help.

NOTE: I am affiliated with Segment.

2018-01-31 10:35:27 +01:00

1.1 KiB

Raw Blame History

Example app with analytics

How to use

Using `create-next-app`

Download create-next-app to bootstrap the example:

npm i -g create-next-app
create-next-app --example with-analytics with-analytics-app

Download manually

Download the example or clone the repo:

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

Install it and run:

yarn
yarn dev

Deploy it to the cloud with now (download)

now

The idea behind the example

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> and components fire "track" events based on user actions.

1.1 KiB Raw Blame History