terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity
next.js/examples/with-analytics
History
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
..
components Add an example using analytics (#3580) 2018-01-31 10:35:27 +01:00
pages Add an example using analytics (#3580) 2018-01-31 10:35:27 +01:00
package.json Add an example using analytics (#3580) 2018-01-31 10:35:27 +01:00
README.md Add an example using analytics (#3580) 2018-01-31 10:35:27 +01:00

README.md

Deploy to now

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.