{
  "id": "add-a-sitemap-and-robots",
  "type": "playbooks",
  "category": "playbooks",
  "locale": "es",
  "url": "/es/playbooks/add-a-sitemap-and-robots",
  "title": "Prompt-to-PR: Agregar un Sitemap y robots.txt",
  "description": "SOP para agregar un sitemap XML dinámico y robots.txt a un proyecto Next.js o Astro — lastmod, prioridad y reglas de rastreo correctas para SEO en producción.",
  "tools": [
    "Cursor",
    "Claude Code",
    "Codex",
    "Windsurf"
  ],
  "stack": [
    "Next.js",
    "Astro",
    "TypeScript"
  ],
  "tags": [
    "seo",
    "nextjs",
    "astro",
    "typescript"
  ],
  "difficulty": "easy",
  "updated": "2026-06-08",
  "markdown": "Los sitemaps y `robots.txt` son las primeras primitivas SEO que un agente toca, y a menudo son incorrectos — formato `lastmod` equivocado, directiva `Sitemap:` faltante en robots, o páginas bloqueadas incluidas inadvertidamente. Este manual los hace correctos.\n\n## 1. Requisito\n\nProducir un sitemap XML que cubra todas las rutas públicas (contenido estático + dinámico de la base de datos) y un `robots.txt` que bloquee rutas de administración/API y haga referencia al sitemap. Funciona tanto para Next.js App Router como para Astro; elige el enfoque correcto para tu framework.\n\n## 2. Primer Prompt\n\n```txt title=\"First Prompt\"\nAdd a sitemap.xml and robots.txt to this project. Use the correct approach\nfor the framework detected below.\n\n### If Next.js 14+:\n1. Create `src/app/sitemap.ts` using the Next.js `MetadataRoute.Sitemap`\n   return type. Include:\n   - All static routes: /, /pricing, /blog, /about (hardcoded is fine).\n   - All dynamic blog posts: fetch slugs from the DB using the existing\n     query helper, return lastModified from the post's updatedAt field.\n   - Use `process.env.NEXT_PUBLIC_APP_URL` as the base URL.\n   - Correct W3C datetime format for lastModified (ISO 8601).\n2. Create `src/app/robots.ts` using MetadataRoute.Robots.\n   - Allow: all routes.\n   - Disallow: /admin, /api, /dashboard.\n   - Add `sitemap: process.env.NEXT_PUBLIC_APP_URL + \"/sitemap.xml\"`.\n\n### If Astro:\n1. Add `@astrojs/sitemap` integration. In astro.config.ts, add\n   `sitemap({ filter: (page) => !page.includes(\"/admin\") })` and set\n   `site: process.env.SITE_URL`.\n2. Create `public/robots.txt`:\n   User-agent: *\n   Disallow: /admin\n   Disallow: /api\n   Sitemap: <SITE_URL>/sitemap-index.xml\n\nDo not create a custom sitemap endpoint if the integration handles it.\nDo not block / or any public content pages.\n```\n\n## 3. Cambios de Archivos Esperados\n\n```txt\n### Next.js\nsrc/app/sitemap.ts             (new — dynamic MetadataRoute.Sitemap)\nsrc/app/robots.ts              (new — MetadataRoute.Robots)\n\n### Astro\nastro.config.ts                (add sitemap integration + filter)\npublic/robots.txt              (new)\n.env.example                   (SITE_URL added if missing)\n```\n\n## 4. Lista de Verificación\n\n- La URL base proviene de una variable de entorno — no codificada como `http://localhost:3000`.\n- `lastModified` es un objeto `Date` de JavaScript (Next.js lo convierte a ISO 8601) o ya una cadena ISO válida — no `\"undefined\"` o faltante.\n- `/admin`, `/api`, y `/dashboard` están en la lista Disallow.\n- La directiva `Sitemap:` en `robots.txt` usa una URL absoluta.\n- Las rutas dinámicas (publicaciones de blog) se incluyen mediante una consulta a la base de datos, no solo rutas estáticas.\n- El sitemap no incluye páginas 404, de redirección o noindex.\n- `bun run build` y luego `curl /sitemap.xml` devuelve XML válido (verificar con `xmllint`).\n\n## 5. Comandos de Prueba\n\n```bash\nbun run build && bun run start\n# or for Astro:\nbun run build && bun run preview\n\n# Validate sitemap XML\ncurl -s http://localhost:3000/sitemap.xml | xmllint --format - | head -40\n\n# Confirm robots.txt\ncurl http://localhost:3000/robots.txt\n\n# Confirm admin is disallowed and sitemap directive is present\ngrep -E \"Disallow|Sitemap\" <(curl -s http://localhost:3000/robots.txt)\n\n# Google Rich Results / URL Inspection simulation\ncurl -A \"Googlebot\" http://localhost:3000/sitemap.xml -I\n```\n\n## 6. Fallos Comunes\n\n- **`lastModified` es `\"undefined\"`** — el campo `updatedAt` de la publicación es nulo. Protección: `lastModified: post.updatedAt ?? post.createdAt ?? new Date()`.\n- **El sitemap devuelve 404** — `src/app/sitemap.ts` falta o está fuera del directorio `app`.\n- **Todas las rutas deshabilitadas** — el agente agrega `Disallow: /` por error. Confirma que solo las rutas de administración/API están bloqueadas.\n- **La directiva `Sitemap:` tiene URL relativa** — Google la ignora. Debe ser absoluta: `https://example.com/sitemap.xml`.\n- **Solo sitemap estático** — el agente codifica slugs de blog en lugar de consultar la base de datos. Confirma que la función del sitemap es `async` y obtiene datos reales.\n\n## 7. Prompt de Corrección\n\n```txt title=\"Fix Prompt\"\nThe sitemap.xml at /sitemap.xml includes every blog post with\nlastModified \"undefined\" (rendered as the string).\n\nFix in src/app/sitemap.ts:\n  const posts = await getBlogPosts();\n  return posts.map((post) => ({\n    url: `${BASE_URL}/blog/${post.slug}`,\n    lastModified: post.updatedAt ?? post.createdAt ?? new Date(),\n    changeFrequency: \"weekly\",\n    priority: 0.8,\n  }));\n\nEnsure getBlogPosts() returns rows that include updatedAt and createdAt.\n```\n\n## 8. Descripción de PR\n\n```md title=\"PR description\"\n## SEO: Add dynamic sitemap.xml and robots.txt\n\n**Next.js**: `src/app/sitemap.ts` + `src/app/robots.ts` using built-in\n`MetadataRoute` types. Sitemap includes static routes + all published blog\nposts with correct `lastModified` timestamps from the DB.\n\n**robots.txt** disallows `/admin`, `/api`, `/dashboard`; includes absolute\n`Sitemap:` directive pointing to the generated `/sitemap.xml`.\n\nBase URL read from `NEXT_PUBLIC_APP_URL` — no localhost URLs in production.\n```"
}