NEXT.JS 14 / 15 INTEGRATION
Next.js App Router Integration
Seamlessly integrate your Bestimonial social proof wall into Next.js with zero hydration bugs.
Client or Server Component
Bestimonial embeds work directly in both Server Components and Client Components in app/ directory:
// app/components/BestimonialWall.tsx
export function BestimonialWall({ wallId }: { wallId: string }) {
return (
<div className="w-full max-w-6xl mx-auto my-12 overflow-hidden rounded-2xl border border-slate-200">
<iframe
src={`https://bestimonial.com/embed/${wallId}`}
width="100%"
height="680"
title="Customer Testimonials"
className="w-full border-none overflow-hidden"
loading="lazy"
/>
</div>
);
}
AI Prompt for Cursor or Antigravity
If you build with AI coding assistants (Cursor, Antigravity, Claude Code), paste this instruction into your chat:
"Add a customer social proof section on my landing page using Bestimonial.
Create a component at components/Testimonials.tsx that renders an iframe
with src='https://bestimonial.com/embed/YOUR_WALL_ID' with 100% width,
height 680px, rounded corners, and lazy loading. Place it before the FAQ section."
Create your Next.js wall now
Get your wall slug and start showcasing authentic customer feedback.
Get Started Free