'use client' import { IntegrationGuide } from '@/components/IntegrationGuide' import { CodeBlock } from '@/components/CodeBlock' import { getIntegration } from '@/lib/integrations' import { notFound } from 'next/navigation' export default function NextJsIntegrationPage() { const integration = getIntegration('nextjs') if (!integration) return notFound() return (

The best way to add Pulse to your Next.js application is using the built-in next/script component.

Using App Router (Recommended)

data-domain: The domain name you added to your Pulse dashboard (e.g., example.com ).
src: The URL of our tracking script: https://pulse.ciphera.net/script.js
strategy: We recommend afterInteractive to ensure it loads quickly without blocking hydration.

Add the script to your root layout file (usually app/layout.tsx or app/layout.js).

{`import Script from 'next/script' export default function RootLayout({ children, }: { children: React.ReactNode }) { return (