Uppsetning
Next.js
Eins og React, nema íhluturinn þarf 'use client'. Eða hlaðið kóðabútnum með next/script.
Uppsetningin er eins og í React, með einni kröfu: íhluturinn keyrir í vafranum, svo skráin þarf að hafa 'use client'-tilskipunina. Settu hann í rótarútlitið (root layout) svo hann birtist á öllum vefnum.
Settu upp pakkann
Settu upp eða uppfærðu pakkann nákvæmlega eins og lýst er í React-leiðbeiningunum.
Bættu íhlutnum við
JSX
app/layout.jsx
'use client';
import { MenniChatBot } from "@menni/chatbot/react";
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<MenniChatBot id="YOUR_WIDGET_ID" />
</body>
</html>
);
}Annar kostur: kóðabúturinn með next/script
Ef þú vilt ekki bæta pakkanum við getur Next.js hlaðið kóðabútnum beint. Það virkar nákvæmlega eins og breytir engu í pakkasafninu þínu.
JSX
components/Assistant.jsx
"use client";
import Script from "next/script";
export default function Assistant() {
return (
<Script
src="https://chatbot.menni.ai/loader.js"
strategy="afterInteractive"
data-id="YOUR_WIDGET_ID"
data-position="bottom-right"
/>
);
}