Install NPSpack on Next.js
Add NPS feedback to your Next.js application with TypeScript support. Perfect for modern React applications.
Next.js Integration
Add NPS tracking with SSR support
1
Get Your Site ID
Integration Methods
2A
📄 _document.js Method
Add to pages/_document.js:
<script
src="https://npspack.com/js/nps-widget.js"
data-site-id={process.env.NEXT_PUBLIC_NPSPACK_SITE_ID}
data-delay="5000"
/>
src="https://npspack.com/js/nps-widget.js"
data-site-id={process.env.NEXT_PUBLIC_NPSPACK_SITE_ID}
data-delay="5000"
/>
2B
🔧 Environment Setup
Add to .env.local:
NEXT_PUBLIC_NPSPACK_SITE_ID=your-site-id
2C
📱 App Router (Next.js 13+)
Add to app/layout.tsx before closing body tag
Perfect for Next.js
🚀 Performance Optimized
- • Works with SSR and SSG
- • Minimal bundle impact
- • TypeScript support
⚛️ React Integration
- • No conflicts with React state
- • App Router support
- • Easy configuration
Enhance Your Next.js App
Join Next.js developers using NPSpack for user feedback.
One-time payment • SSR/SSG compatible • TypeScript ready