Does this work with Next.js App Router?

Yes, Halla's widget works out of the box with Next.js App Router. Since it uses Shadow DOM, it won't conflict with Server Components.

Will it slow down my Next.js app?

No, the Halla widget is completely zero-bloat and only weighs around 50KB minified.

Integration Guide

Add Video Support to Next.js

Learn how to integrate drop-in WebRTC customer support video chat into your Next.js and React applications effortlessly. Zero friction. Shadow DOM isolated.

Get started for free

Installation is straightforward

Get your Org ID

Create an account on Halla.live and copy your Organization ID from the dashboard.

Include Script in Layout

Add the Halla script tag directly into your 'app/layout.tsx' or '_document.tsx' inside the <head> tag.

Render the Widget

Place the <halla-widget> element anywhere in your app to activate the call button.

<!-- 1. Add this to your header -->
<script src="https://halla.live/widget.js" async></script>
<!-- 2. Initialize in your body -->
<halla-widget org="YOUR_ORG_ID"></halla-widget>