Modelo do encurtador em Next.js

Gerado a partir de deploy-templates/nextjs (dado.cloud ab2f4c0).

app/[codigo]/ir/route.ts

@@ -0,0 +1,25 @@
+import { buscarLink, FORMATO_CODIGO, registrarClique, type Link } from '@/lib/links';
+import { respostaNaoEncontrada } from '@/lib/paginas';
+
+type Contexto = { params: Promise<{ codigo: string }> };
+
+function redirecionar(link: Link | null): Response {
+  if (!link) return respostaNaoEncontrada();
+  return new Response(null, {
+    status: 302,
+    headers: { Location: link.url, 'Cache-Control': 'no-store', 'Referrer-Policy': 'no-referrer' },
+  });
+}
+
+// O botão "Continuar" leva para GET /<código>/ir: aqui o servidor soma o
+// clique e redireciona (302) para o link.
+export async function GET(_request: Request, { params }: Contexto) {
+  const { codigo } = await params;
+  return redirecionar(FORMATO_CODIGO.test(codigo) ? registrarClique(codigo) : null);
+}
+
+// HEAD (robôs que só conferem o endereço) responde igual, mas não conta clique.
+export async function HEAD(_request: Request, { params }: Contexto) {
+  const { codigo } = await params;
+  return redirecionar(FORMATO_CODIGO.test(codigo) ? buscarLink(codigo) : null);
+}

app/[codigo]/route.ts

@@ -1,48 +1,20 @@
-import { FORMATO_CODIGO, registrarClique } from '@/lib/links';
+import { buscarLink, FORMATO_CODIGO } from '@/lib/links';
+import { CSP_AVISO, paginaAviso, respostaNaoEncontrada } from '@/lib/paginas';
 
-// O redirecionamento é feito pelo servidor: GET /<código> → 302 para o link.
+// GET /<código> não redireciona direto: mostra antes uma página de aviso com o
+// destino. Sem ela, qualquer pessoa usaria o seu endereço para disfarçar um
+// link de golpe. A página não conta clique — quem só olha não foi ao destino.
 export async function GET(_request: Request, { params }: { params: Promise<{ codigo: string }> }) {
   const { codigo } = await params;
-  const link = FORMATO_CODIGO.test(codigo) ? registrarClique(codigo) : null;
-  if (!link) {
-    return new Response(PAGINA_NAO_ENCONTRADA, {
-      status: 404,
-      headers: { 'Content-Type': 'text/html; charset=utf-8' },
-    });
-  }
-  return new Response(null, { status: 302, headers: { Location: link.url, 'Cache-Control': 'no-store' } });
+  const link = FORMATO_CODIGO.test(codigo) ? buscarLink(codigo) : null;
+  if (!link) return respostaNaoEncontrada();
+  return new Response(paginaAviso(link), {
+    headers: {
+      'Content-Type': 'text/html; charset=utf-8',
+      'Cache-Control': 'no-store',
+      'Referrer-Policy': 'no-referrer',
+      'X-Robots-Tag': 'noindex, nofollow',
+      'Content-Security-Policy': CSP_AVISO,
+    },
+  });
 }
-
-const PAGINA_NAO_ENCONTRADA = `<!doctype html>
-<html lang="pt-BR">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Link não encontrado</title>
-    <style>
-      :root { color-scheme: light dark; }
-      body {
-        margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
-        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-        background: #f6f7f9; color: #14161a; line-height: 1.5;
-      }
-      main { max-width: 420px; text-align: center; }
-      h1 { font-size: 24px; margin: 0 0 8px; }
-      p { color: #5b6270; margin: 0 0 20px; }
-      a { color: #3b5bdb; font-weight: 600; }
-      @media (prefers-color-scheme: dark) {
-        body { background: #0f1115; color: #eceef2; }
-        p { color: #9aa1ad; }
-        a { color: #8299ff; }
-      }
-    </style>
-  </head>
-  <body>
-    <main>
-      <h1>Link não encontrado</h1>
-      <p>Esse link curto não existe ou sumiu quando o app foi publicado de novo.</p>
-      <a href="/">Encurtar um link</a>
-    </main>
-  </body>
-</html>
-`;