You're all ready to use PostHog.
+You're all ready to use {product.name}.
{suggestedProduct.description}
+Invite a team member to help you get set up.
+
+ Just add this snippet to your website within the <head>
tag and we'll automatically
+ capture page views, sessions and all relevant interactions within your website.
+
+ Add your environment variables to your .env.local file and to your hosting provider (e.g. Vercel, + Netlify, AWS). You can find your project API key in your project settings. +
+
+ These values need to start with NEXT_PUBLIC_
to be accessible on the
+ client-side.
+
+ If your Next.js app to uses the app router, you can
+ integrate PostHog by creating a providers file in your app folder. This is because the posthog-js
+ library needs to be initialized on the client-side using the Next.js{' '}
+
+ 'use client'
directive
+
+ .
+
+ If your Next.js app uses the pages router, you can + integrate PostHog at the root of your app (pages/_app.js). +
+
+ Integrate PostHog at the root of your app (src/index.js
for the default{' '}
+ create-react-app
).
+
- Pick your first product to get started with. You can set up any others you'd like later. + Pick your {isFirstProduct ? 'first' : 'next'} product to get started with. You can set up any others + you'd like later.
+ Get qualitative and quantitative data on how your users are doing. Surveys are found in the{' '} + surveys page. +
+ ++ Please note your website needs to have the{' '} + PostHog snippet or the latest version of{' '} + + posthog-js + {' '} + directly installed. For more details, check out our{' '} + + docs + + . +
+