Next.js installation (ReactionSDK)

# .env.local
NEXT_PUBLIC_REACTION_API_KEY=rsk_live_your_key
NEXT_PUBLIC_REACTION_ACCOUNT_ID=your_account_id

// components/ReactionVideoEmbed.tsx
"use client";

import Script from "next/script";

const SRC = "https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js?v=2.0.8";
const APP_BASE = "https://api.reactionsaas.com";

declare global {
  interface Window {
    Reactify?: {
      init: (opts: Record<string, unknown>) => void;
    };
  }
}

export function ReactionVideoEmbed() {
  const apiKey = process.env.NEXT_PUBLIC_REACTION_API_KEY ?? "";
  const accountId = process.env.NEXT_PUBLIC_REACTION_ACCOUNT_ID ?? "";

  return (
    <>
      <Script
        src={SRC}
        strategy="afterInteractive"
        onLoad={() => {
          if (!apiKey.trim()) return;
          window.Reactify?.init?.({
            apiKey,
            accountId,
            baseUrl: APP_BASE,
            mode: "production",
            allowedOrigins: [window.location.origin],
          });
        }}
      />
      {/* @ts-expect-error custom element */}
      <reaction-video
        src="https://yourcdn.com/video.mp4"
        overlays="tap,poll,slider,rating"
        poll-question="Which style do you prefer?"
        cta-text="Buy Now"
        overlay-position="bottom-center"
        interaction-type="tap"
      />
    </>
  );
}

// app/page.tsx (Server Component)
import { ReactionVideoEmbed } from "@/components/ReactionVideoEmbed";

export default function Page() {
  return <ReactionVideoEmbed />;
}