El harness

  • Servidor MCP
  • Las reglas
  • Entrega a git
  • Calendario editorial
  • Todas las features

Lo que sabe

  • Temas medidos
  • Brief del SERP
  • Banco de evidencia
  • Freno a la canibalización
  • Enlaces internos

Herramientas gratis

  • Acceso de crawlers de IA
  • Chequeo de sitemap
  • Medidor de legibilidad
  • Detector de AI slop
  • Chequeo de meta description
  • Generador de FAQ schema
  • Todas las herramientas

Cursos

  • Claude SEO
  • Todos los cursos
ServiciosAgentesPreciosBlog

EN/ES

Iniciar sesiónCrear cuenta
Crear cuenta

Tu agente escribe. Las reglas deciden. Vos aprobás.

EN/ES

Producto

  • Features
  • Servidor MCP
  • Calendario editorial
  • Brief del SERP
  • Banco de evidencia
  • Entrega a git

Agentes

  • Slack (eve)
  • Claude
  • ChatGPT
  • Cursor
  • Grok Bot
  • Codex y VS Code
  • Guías de configuración

Herramientas gratis

  • Acceso de crawlers de IA
  • Chequeo de sitemap
  • Medidor de legibilidad
  • Detector de AI slop
  • Chequeo de meta description
  • Generador de FAQ schema
  • Todas las herramientas

Comparar

  • Outrank
  • Surfer SEO
  • Jasper
  • Frase
  • Writesonic
  • Copy.ai
  • Todas las alternativas

Empresa

  • Blog
  • Precios
  • Servicios
  • Casos de éxito
  • Info para IA
  • Skill de escritura
  • llms.txt
  • Iniciar sesión
  • Crear cuenta

Cursos

Claude SEOTodos los cursos
Destacado enFeatured on CodeHypeVerified on directreeFeatured on SaaSearch

Privacidad·Términos·Soporte·© seodraft

17 de septiembre de 2026· Actualizado 26 de septiembre de 2026· Escrito por Chorch

Stack de blog en Next.js: 5 herramientas que uso

Conocé las cinco herramientas que uso para llevar el blog de un producto técnico: Next.js o Astro, Keystatic, Vercel, DataForSEO y seodraft.

En esta página

  1. Un blog de producto se arma con cinco piezas
  2. Next.js o Astro: elegí según dónde vive el blog
  3. Keystatic guarda tus posts en el repositorio
  4. Vercel publica cada commit sin pasos manuales
  5. DataForSEO te dice qué escribir por centavos
  6. seodraft sostiene la constancia y la calidad
  7. Qué stack armar si empezás tu blog esta semana

En resumen

Un founder técnico cubre el blog de su producto con cinco piezas: un framework (blog en Next.js o Astro), un CMS git-based como Keystatic, deploy en Vercel, datos de búsqueda de DataForSEO y un proceso editorial con reglas como seodraft. Las tres primeras se montan sobre el repositorio que ya tenés.

Busqué en Google qué herramientas usan founders técnicos para llevar el blog de su producto. Los primeros resultados de Google eran listas de 12, 15 y 27 herramientas pensadas para bloggers, y ninguna mencionaba repositorios, builds ni APIs.

Acá tenés el stack que uso yo para los blogs de mis productos: cinco piezas, qué hace cada una y dónde se queda corta. Llevo más de quince años construyendo negocios digitales, y esto es lo que uso hoy, incluyendo un blog en Next.js para este producto.

También vas a ver cuánto cuesta de verdad la parte de datos, con los números que pagué para investigar este mismo artículo. Empecemos por el mapa completo antes de entrar en cada herramienta.

  • Las cinco piezas
  • Framework: Next.js o Astro
  • CMS: Keystatic
  • Deploy: Vercel
  • Datos: DataForSEO
  • Proceso: seodraft
  • Qué stack armar esta semana

Antes, una infografía que resume todo:

nextjs stack blog

Un blog de producto se arma con cinco piezas

Un blog de producto técnico se arma con cinco piezas: framework, CMS, hosting, datos de búsqueda y proceso editorial. Las listas que rankean mezclan todo eso con plugins de WordPress y herramientas de diseño.

Esa diferencia importa porque un founder técnico ya tiene la mitad resuelta. Si tu producto vive en un repositorio y se deploya solo, el blog puede seguir exactamente el mismo flujo.

PiezaQué usoPara qué
FrameworkNext.js y AstroRenderizar el blog
CMSKeystaticEditar posts como archivos del repo
HostingVercelPublicar con cada commit
DatosDataForSEOSaber qué busca la gente
ProcesoseodraftCalendario, briefs y reglas

Next.js o Astro: elegí según dónde vive el blog

El framework del blog tiene que ser el que ya domina tu equipo, y entre Next.js y Astro la decisión depende de dónde vive el blog. Hoy uso un blog en Next.js, pero también me gustó crear blogs con Astro.

Next.js encaja cuando el blog comparte dominio, componentes y diseño con la app del producto. Reutilizás el layout, el sistema de diseño y hasta la autenticación si algún día querés contenido privado.

Astro encaja cuando el blog es un sitio de contenido separado. Envía HTML sin JavaScript por defecto y trae colecciones de contenido pensadas para Markdown.

Tomalo como opinión de uso: no medí rendimiento entre los dos. Ambos funcionan con el resto de las piezas de esta lista.

Keystatic guarda tus posts en el repositorio

Keystatic guarda cada post como un archivo dentro de tu repositorio, sin una base de datos aparte. Uso Keystatic como CMS porque me gusta la simpleza de trabajar git-based.

Según su repositorio en GitHub, Keystatic guarda el contenido como archivos Markdown, YAML o JSON y se integra con Next.js, Remix y Astro. Los esquemas se definen en TypeScript, así que el modelo de contenido se versiona junto con el código.

Git-based quiere decir que cada cambio de contenido es un commit. Podés revisarlo, revertirlo o abrirlo como pull request, igual que cualquier cambio del producto.

El límite también es real. Keystatic no trae programación de publicaciones ni flujo de aprobación, y el propio proyecto se describe todavía como experimental. Si alguien de tu equipo necesita editar sin pensar en Git, Tina o Decap son otras opciones git-based para evaluar.

Vercel publica cada commit sin pasos manuales

Vercel es donde deployo mis blogs, y con un CMS git-based el circuito de publicación se cierra solo. Guardás un post en Keystatic, eso genera un commit, y Vercel construye y publica la versión nueva.

Cada rama recibe además su propia URL de preview. Eso te deja leer el post tal como va a quedar, con estilos e imágenes, antes de mergearlo.

Un blog estático en Next.js o Astro se deploya en Vercel sin configuración especial. Para un equipo de una persona, eso es una pieza menos que mantener.

DataForSEO te dice qué escribir por centavos

DataForSEO es la fuente de datos de búsqueda que uso, y cobra por uso en lugar de una suscripción mensual. Uso DataForSEO porque me parece accesible en costos para toda la información valiosa que entrega.

Los números de este artículo lo muestran bien. Medir un lote de keywords cuesta unos USD 0,11, y un brief de SERP sale unos USD 0,004 cuando el tema ya tiene métricas.

Ese brief me dio lo que usé para decidir el ángulo: los títulos que rankean, las preguntas relacionadas y si Google muestra un AI Overview. Para esta búsqueda sí lo muestra, así que cada sección de este post arranca con la respuesta.

DataForSEO entrega los datos por API, así que necesitás código o una herramienta encima para leerlos. Si preferís un panel con gráficos, vas a extrañar una interfaz.

seodraft sostiene la constancia y la calidad

seodraft ordena el proceso editorial con un calendario, el perfil del negocio, briefs y un conjunto de reglas que revisa cada borrador. Uso seodraft porque me ayuda a mantener la constancia y la calidad de los contenidos.

El agente de IA que ya pagás escribe el borrador. Las reglas chequean estructura, evidencia y frases de relleno, y vos aprobás antes de exportar a Markdown, el mismo formato que lee Keystatic.

Qué stack armar si empezás tu blog esta semana

Si empezás esta semana, usá el framework de tu producto, Keystatic y Vercel, y sumá datos y proceso cuando publiques con regularidad. Esas tres piezas se montan sobre el repositorio que ya tenés.

Sumar Keystatic combina bien con un sistema de emails con Resend cuando querés avisarle a tus lectores, y una voz de marca consistente mantiene reconocible cada post sin importar quién lo redacte. Mirá cómo funciona la entrega al CMS en la página de entrega a CMS y revisá los costos reales de búsqueda en la página de DataForSEO.

Y si querés probar el proceso completo, Creá tu cuenta de seodraft: tu agente escribe, las reglas deciden y vos aprobás.

Preguntas frecuentes

¿Por qué elegir un blog en Next.js en vez de Astro?
Un blog en Next.js encaja cuando el blog comparte dominio, componentes y diseño con la app del producto, así reutilizás el layout y el sistema de diseño. Astro encaja cuando el blog es un sitio de contenido separado: envía cero JavaScript por defecto y trae colecciones de contenido pensadas para Markdown.
¿Necesito un CMS si mi blog ya es Markdown en el repo?
No es obligatorio: podés editar los archivos a mano desde tu editor. Un CMS git-based como Keystatic suma una interfaz de edición y esquemas tipados sin sacar el contenido del repositorio, y eso ayuda cuando empieza a escribir alguien que no abre el código.
¿Cuánto cuesta DataForSEO para un blog chico?
DataForSEO cobra por uso. En seodraft, medir un lote de keywords cuesta unos USD 0,11 y un brief de SERP unos USD 0,004 cuando el tema ya tiene métricas, así que investigar un post cuesta centavos.
¿Puedo usar WordPress en vez de este stack?
Sí. WordPress sigue siendo una opción válida si preferís un panel con plugins y hosting administrado. Este stack apunta a founders que ya trabajan con Git y quieren que el blog siga el mismo flujo que el producto.

Cómo se hizo este post

El agente de IA de Chorch escribió el borrador de este post dentro de seodraft, que lo ata a su evidencia y revisa cada borrador con reglas determinísticas. Estos son los pasos y lo que dejó cada uno.

  1. 1

    Leyó los resultados de búsqueda

    Midió la búsqueda «qué herramientas usan founders técnicos para llevar el blog de su producto»: Google mostraba AI Overview y ocho dominios citados, y los primeros resultados eran listas de 12, 15 y 27 herramientas para bloggers.

  2. 2

    Partió de la evidencia de Chorch

    Ocho piezas: cuatro razones de Chorch para usar sus herramientas, tres datos medidos (las listas del SERP y dos costos de DataForSEO) y la documentación de Keystatic.

  3. 3

    Planificó antes de escribir

    Una selección de herramientas en siete secciones, con una captura prevista, guardada en seodraft antes del cuerpo.

  4. 4

    Pasó por las reglas

    Pasó las reglas de seodraft antes de la entrega.

  5. 5

    Aprobado por Chorch

    Chorch lo aprobó, llegó al repositorio del blog como borrador el 17 de septiembre de 2026 y él lo publicó.

Sobre el autor

Chorch · Fundador de seodraft

Chorch construye seodraft. Lleva más de quince años construyendo negocios digitales y responde él mismo el soporte de seodraft en chorch@seodraft.app.

XLinkedInGitHub

Todos los posts

Tu agente escribe. Las reglas deciden. Vos aprobás.

Convertí la IA que ya usás en un agente SEO completo: temas medidos, tu propia evidencia y reglas que revisan cada borrador.

Crear cuenta

7 días gratis, sin tarjeta. Después $9 al mes si te suscribís.

Iniciar sesiónCrear cuenta
Crear cuenta
Crear cuenta

7 días gratis, sin tarjeta. Después $9 al mes si te suscribís.

  • Iniciar sesión
  • Crear cuenta