FauryaFaurya
Installation Guidelines

Next.js

How to add Faurya to your Next.js App Router (v13+) project.

Add Faurya to your Next.js App Router project

Follow these steps to integrate Faurya analytics into your Next.js application using the App Router (v13+).

Add tracking script to Root Layout

The recommended way to add scripts to all pages in a Next.js App Router application is by using the root layout file.

  1. Open your project's root layout file, typically located at app/layout.jsx.
  2. Import the Script component from next/script.
  3. Add the Faurya tracking script to the <head> section of your layout component.
// app/layout.jsx
import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <Script
          defer
          data-website-id="YOUR_WEBSITE_ID"
          data-domain="yourdomain.com"
          src="https://faurya.com/js/script.js"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Replace yourdomain.com with your website's root domain.

  1. Save the file, commit and deploy your changes.

Faurya is disabled on localhost to avoid tracking your own traffic.

Verify installation

After deploying your changes:

  • Visit your live website.
  • Check your Faurya dashboard for incoming data. It might take a few minutes for the first pageviews to appear.

For advanced configuration options like localhost tracking, custom API endpoints, or cross-domain setup, see the script configuration reference/

On this page