نصب ویجت ویگپ در پروژه‌های Next.js

برای اضافه کردن ویجت ویگپ به پروژه‌های Next.js کافیست از پکیج رسمی React استفاده کرده و کامپوننت مربوطه را فقط در بخش‌های کلاینت‌ساید فراخوانی نمایید.

📦 نصب از NPM:

npm install @wegap/widget-react

🔧 ایجاد یک فایل کلاینت‌ساید مثل components/WegapWidgetClient.jsx:

'use client';
import WegapWidget from '@wegap/widget-react';

export default function WegapWidgetClient() {
  return <WegapWidget workspaceId="YOUR_WORKSPACE_ID" />;
}

📥 استفاده در صفحات:

// app/layout.jsx یا page.jsx
import WegapWidgetClient from '@/components/WegapWidgetClient';

export default function Layout({ children }) {
  return (
    <html lang="fa">
      <body>
        {children}
        <WegapWidgetClient />
      </body>
    </html>
  );
}

📌 استفاده از 'use client' در فایل WegapWidgetClient ضروری است، زیرا Next.js به صورت پیش‌فرض SSR می‌باشد.

🔗 مشاهده پکیج React: github.com/wegapnet/widget-react