Add a feedback widget to your Next.js app

Load the script via next/script in your layout, create a client component. Works with both App Router and Pages Router - SSR-safe with zero configuration.

Add the script 

// In app/layout.tsx
import Script from 'next/script'

<Script src="https://cdn.palmframe.com/embed.js" strategy="afterInteractive" />

Add to your app 

'use client'

export default function FeedbackWidget() {
  return <palmframe-widget project="your-project-id" />
}

Benefits

  • Works with App Router and Pages Router
  • Client component - SSR-safe out of the box
  • Shadow DOM isolation - no Tailwind or global CSS conflicts
  • Compatible with Next.js 13, 14, and 15
  • No npm package needed - load from CDN

See full documentation

Ready to add feedback to your app?

Try Palmframe free - takes 2 minutes to set up.

Start for free Sign in