Framework

Ajoutez un support IA à n’importe quelle app Next.js

Que vous l’ayez écrite à la main, générée avec un outil d’IA ou héritée d’un template, Next.js est la destination la plus courante des apps construites avec l’IA une fois qu’elles deviennent une vraie base de code.

Pourquoi une app Next.js a quand même besoin de support

Next.js vous apporte le routage, le rendu et le déploiement — pas un service de support. Cette partie reste entièrement à la charge de celui qui livre l’app, quelle que soit la façon dont elle a été construite.

Ajoutez le support à votre app Next.js

  1. 01

    App Router : modifiez app/layout.tsx

    Ajoutez la balise script dans le <body> racine, pour qu’elle se charge sur toutes les routes de l’app.

    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 : modifiez pages/_document.tsx

    Si vous utilisez encore l’ancien Pages Router, ajoutez-la plutôt au _document partagé.

    <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

    Déployez

    Livrez via votre pipeline de déploiement habituel (Vercel, ou votre hébergeur). Aucune nouvelle dépendance, aucune route API, aucune variable d’environnement nécessaire.

Les questions qu’on vous posera

Répondez-y une fois dans votre documentation, et Resply s’en charge automatiquement ensuite.

  • Comment réinitialiser mon mot de passe ?
  • Pourquoi ai-je une erreur 500 ?
  • Comment résilier mon abonnement ?
  • Avez-vous une page de statut ?
  • Comment contacter directement le support ?

FAQ

Le widget est un petit script asynchrone qui se charge après l’hydratation : il ne bloque pas votre LCP et n’alourdit pas votre bundle JS — il ne fait pas du tout partie de votre build Next.js.
Vous pouvez déplacer la balise script dans un segment de layout précis plutôt que dans le layout racine si vous ne la voulez que sur une partie de votre app — par exemple tout ce qui se trouve sous app/(app)/ mais pas vos pages marketing.

Autres intégrations

Livrez l’app. Oubliez le help desk.

Essai gratuit de 7 jours. Sans carte bancaire. En ligne en à peu près autant de temps que votre dernier déploiement.