Nextra docs with Web Analytics

Unanswered

Sun bear posted this in #help-forum

Open in Discord

Original message was deleted.

17 Replies

Sun bear

2024-04-02T11:50:52.000Z

Any guesses?

zAguss🦆

2024-04-02T12:55:20.000Z

Hello @Sun bear

So, on your layout

You add the following lines:

import { Analytics } from '@vercel/analytics/react';

<Analytics />

If you use /app use

import { Analytics } from '@vercel/analytics/react';
 
export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <title>Next.js</title>
      </head>
      <body>
        {children}
        <Analytics />
      </body>
    </html>
  );
}

if you use /pages use

import { Analytics } from '@vercel/analytics/react';
 
function MyApp({ Component, pageProps }) {
  return (
    <>
      <Component {...pageProps} />
      <Analytics />
    </>
  );
}
 
export default MyApp;

@zAguss🦆 So, on your layout

Sun bear

2024-04-02T12:59:20.000Z

What layout?

Nextra docs does not have it

Or i'm just not finding

I've read the instructions in the docs, but none were for nextra

zAguss🦆

2024-04-02T13:04:06.000Z

oooo

npm i @vercel/analytics

import { inject } from '@vercel/analytics';
 
inject();

Sun bear

2024-04-02T13:06:02.000Z

But in which file it should be?