Framework

KI-Support für jede Next.js-App

Ob von Hand geschrieben, mit einem KI-Tool generiert oder aus einem Template übernommen: Next.js ist der häufigste Landeplatz für KI-gebaute Apps, sobald sie zu einer echten Codebasis werden.

Kostenlos testen

Warum auch eine Next.js-App Support braucht

Next.js liefert Ihnen Routing, Rendering und Deployment — keinen Helpdesk. Dieser Teil liegt weiterhin vollständig bei dem, der die App ausliefert, ganz gleich, wie sie gebaut wurde.

Fügen Sie Ihrer Next.js-App Support hinzu

  1. 01

    App Router: app/layout.tsx bearbeiten

    Fügen Sie das Script-Tag innerhalb des Root-<body> ein, damit es auf jeder Route der App lädt.

    export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <script src="https://app.resply.io/widget.js" data-org-id="YOUR_ORG_ID" async></script>
      </body>
    </html>
  )
}
  2. 02

    Pages Router: pages/_document.tsx bearbeiten

    Wenn Sie noch den älteren Pages Router nutzen, fügen Sie es stattdessen in das gemeinsame _document ein.

    <Html>
  <Head />
  <body>
    <Main />
    <NextScript />
    <script src="https://app.resply.io/widget.js" data-org-id="YOUR_ORG_ID" async></script>
  </body>
</Html>
  3. 03

    Deployen

    Liefern Sie es über Ihre normale Deploy-Pipeline aus (Vercel oder wo auch immer Sie hosten). Keine neue Abhängigkeit, keine API-Route, keine Umgebungsvariable nötig.

Die Fragen, die Ihnen gestellt werden

Beantworten Sie jede einmal in Ihrer Dokumentation — ab dann übernimmt Resply automatisch.

  • Wie setze ich mein Passwort zurück?
  • Warum bekomme ich einen 500-Fehler?
  • Wie kündige ich mein Abo?
  • Haben Sie eine Statusseite?
  • Wie erreiche ich den Support direkt?

FAQ

Das Widget ist ein kleines asynchrones Skript, das nach der Hydration lädt. Es blockiert also weder Ihren LCP noch vergrößert es Ihr JS-Bundle — es ist überhaupt nicht Teil Ihres Next.js-Builds.
Sie können das Script-Tag statt ins Root-Layout in ein bestimmtes Layout-Segment verschieben, wenn Sie es nur in einem Teil Ihrer App möchten — zum Beispiel alles unter app/(app)/, aber nicht auf Ihren Marketing-Seiten.

Weitere Integrationen

LovableBoltCursorReplitv0

App ausliefern. Helpdesk sparen.

7 Tage kostenlos testen. Keine Kreditkarte. Live in etwa so schnell wie Ihr letzter Deploy.

Kostenlos testen