Framework

Adicione suporte com IA a qualquer app Next.js

Quer a tenha escrito à mão, gerado com uma ferramenta de IA ou herdado de um template, o Next.js é o destino mais comum das apps criadas com IA quando passam a ser uma base de código a sério.

Começar teste gratuito

Porque é que uma app Next.js precisa de suporte na mesma

O Next.js dá-lhe routing, renderização e deploy — não um serviço de apoio ao cliente. Essa parte continua inteiramente a cargo de quem lança a app, independentemente de como foi construída.

Adicione suporte à sua app Next.js

  1. 01

    App Router: edite o app/layout.tsx

    Adicione a tag script dentro do <body> raiz, para que carregue em todas as rotas da 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: edite o pages/_document.tsx

    Se ainda usa o antigo Pages Router, adicione-a antes ao _document partilhado.

    <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

    Faça deploy

    Publique pelo seu pipeline de deploy habitual (Vercel, ou onde quer que aloje). Sem novas dependências, sem rotas de API, sem variáveis de ambiente.

As perguntas que lhe vão fazer

Responda a cada uma uma vez na sua documentação e, a partir daí, a Resply trata delas automaticamente.

  • Como reponho a minha palavra-passe?
  • Porque é que recebo um erro 500?
  • Como cancelo a minha subscrição?
  • Têm uma página de estado?
  • Como contacto diretamente o suporte?

FAQ

O widget é um pequeno script assíncrono que carrega depois da hidratação, por isso não bloqueia o seu LCP nem aumenta o tamanho do bundle JS — não faz sequer parte do seu build Next.js.
Pode mover a tag script para um segmento de layout específico em vez do layout raiz, se só a quiser numa parte da app — por exemplo, tudo o que está em app/(app)/ mas não nas páginas de marketing.

Outras integrações

LovableBoltCursorReplitv0

Lance a app. Dispense o help desk.

Teste gratuito de 7 dias. Sem cartão de crédito. Online em mais ou menos o tempo do seu último deploy.

Começar teste gratuito