Embed on Hydrogen, Next.js, Astro, Remix

The Idukki widget is a single self-contained <script>. It renders into a placeholder div, mounts on first scroll-in, never touches React state outside of itself.

Next.js (App Router)

import Script from "next/script"

export function IdukkiGallery({ bguid, guid }: { bguid: string; guid: string }) {
  return (
    <>
      <div data-ugc="idukki" data-bguid={bguid} data-guid={guid} data-retarget="false" />
      <Script src="https://idukki-cdn.com/version/script_0" strategy="lazyOnload" />
    </>
  )
}

Hydrogen

Use a similar pattern with @shopify/hydrogen’s ClientOnly. Place the script in a leaf component to avoid SSR mismatch.