Framework

Añade soporte con IA a cualquier app de Next.js

Tanto si la escribiste a mano, la generaste con una herramienta de IA o la heredaste de una plantilla, Next.js es el destino más habitual de las apps creadas con IA cuando pasan a ser una base de código real.

Por qué una app de Next.js necesita soporte igualmente

Next.js te da enrutado, renderizado y despliegue — no un servicio de soporte. Esa parte sigue siendo responsabilidad de quien lanza la app, sin importar cómo se construyó.

Añade soporte a tu app de Next.js

  1. 01

    App Router: edita app/layout.tsx

    Añade la etiqueta script dentro del <body> raíz, para que cargue en todas las rutas de la 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: edita pages/_document.tsx

    Si sigues en el antiguo Pages Router, añádela al _document compartido.

    <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

    Despliega

    Lánzala con tu pipeline de despliegue habitual (Vercel, o donde alojes). Sin nuevas dependencias, sin rutas de API y sin variables de entorno.

Las preguntas que te van a hacer

Respóndelas una vez en tu documentación y, a partir de ahí, Resply se encarga automáticamente.

  • ¿Cómo restablezco mi contraseña?
  • ¿Por qué me sale un error 500?
  • ¿Cómo cancelo mi suscripción?
  • ¿Tenéis una página de estado?
  • ¿Cómo contacto directamente con soporte?

Preguntas frecuentes

El widget es un pequeño script asíncrono que carga después de la hidratación, así que no bloquea tu LCP ni aumenta el tamaño de tu bundle JS — no forma parte de tu build de Next.js en absoluto.
Puedes mover la etiqueta script a un segmento de layout concreto en lugar del layout raíz si solo la quieres en parte de tu app — por ejemplo, todo lo que hay bajo app/(app)/ pero no tus páginas de marketing.

Otras integraciones

Lanza la app. Olvídate del help desk.

Prueba gratuita de 7 días. Sin tarjeta de crédito. En marcha en lo que tardó tu último despliegue.