rsnext/examples/with-segment-analytics
Janicklas Ralph 92d87870af
Update with-segment-analytics example to use next/script component (#29282)
Update with-segment-analytics example to use next/script component
2021-09-22 13:33:37 +00:00
..
components Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04:00
pages Update with-segment-analytics example to use next/script component (#29282) 2021-09-22 13:33:37 +00:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
package.json Remove licence from all example/package.json that has them (#28007) 2021-08-14 10:48:39 -05:00
README.md docs: add 'Open in StackBlitz' buttons to various examples (#25853) 2021-06-08 20:45:02 +00:00

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).

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

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

Deploy it to the cloud with Vercel (Documentation).