Construye y despliega sitios web con agentes de IA
Las interfaces de CMS tradicionales ralentizan el desarrollo al separar el contenido del código. Al usar Good Website, una plantilla de CMS para agentes de IA diseñada con este propósito, invitas a Claude, Pi y Cursor directamente a tu proyecto.
Construye y despliega sitios web con agentes de IA
Las interfaces de CMS tradicionales ralentizan el desarrollo al separar el contenido del código. Al usar Good Website, una plantilla de CMS para agentes de IA diseñada con este propósito, invitas a Claude, Pi y Cursor directamente a tu proyecto.
Nuestras estrictas instrucciones de Experiencia Agente-Desarrollador (ADX) garantizan que cuando le pidas a un agente construir una nueva funcionalidad o diseño, interactúe de forma segura con tus componentes y configuración de Next.js. El agente genera el código, pero tú mantienes la capacidad de revisar, probar y desplegar cada cambio de forma segura.
Usuario:
Haz que la barra de navegación sea flotante y redondeada, y añade una sección de boletín informativo minimalista.
Agente:
Leyendo AGENTS.md
Actualizando src/components/Navbar.tsx
Creando src/components/Newsletter.tsx
¡Listo! He aplicado las variables de tema personalizadas y verificado la adaptabilidad móvil.
El SEO está integrado en el core del sistema
Al buscar las mejores plataformas web para SEO, necesitas más que una lista de verificación genérica. Good Website integra el SEO técnico directamente en la arquitectura.
Metadata automatizada
Title Tags, descripciones y datos de Open Graph dinámicos generados para cada ruta.
Datos estructurados
Inyección integrada de esquema JSON-LD para resultados enriquecidos de Google.
Core Web Vitals
Manejo optimizado de imágenes, cambio de diseño cero y renderizado primero en el servidor para garantizar un LCP ultrarrápido.
HTML5 semántico
Jerarquías de encabezados estrictas y markup accesible de forma predeterminada.
Una plantilla de CMS en Next.js para equipos que priorizan el código
Hemos creado un CMS de nextjs optimizado para SEO que le devuelve la propiedad al desarrollador. Construida sobre Next.js 15+ con App Router, React Server Components y Tailwind CSS, esta plantilla es completamente extensible.
Al ser un repositorio donde el código es lo primero (code-first), no alquilas tu personalización desde un panel de control de SaaS. Eres dueño de la lógica de los componentes, el modelo de despliegue y todo el ciclo de vida del contenido. Es la plantilla de CMS definitiva de Next.js para equipos que quieren velocidad sin sacrificar el control técnico.
El código como contenido y el flujo de trabajo del CMS de IA
Como una verdadera plataforma de CMS de código y contenido, superamos las limitaciones del Markdown genérico. Las publicaciones de blog y las páginas son archivos HTML de formato libre con Tailwind. Esto significa que tus publicaciones no son solo texto; son mini aplicaciones.
Prompt
Pídele al agente: 'Crea una publicación de comparación de precios usando una cuadrícula de características de 3 columnas'.
Revisar
El agente genera HTML estándar directamente en tu carpeta src/content/posts.
Validar
Herramientas automatizadas verifican el esquema y el formato para obtener puntuaciones de SEO perfectas.
Desplegar
Haz commit en git y despliega sin problemas a través de Vercel o Netlify.
Soporte multilingüe integrado
Nuestra plantilla admite de forma nativa varios idiomas utilizando el enrutamiento i18n de Next.js. Esto significa que puedes expandir fácilmente el alcance de tu sitio sin configuraciones complejas.
El contenido se gestiona a través de archivos de diccionario, lo que permite una traducción fluida de los elementos de la interfaz de usuario y del contenido dinámico.
También incluimos un componente SmartJapaneseText que utiliza BudouX para insertar saltos de línea semánticos automáticamente, asegurando que el texto en japonés en los encabezados y elementos de la interfaz de usuario esté siempre perfectamente formateado.
Por qué elegir Good Website en lugar de un CMS tradicional o un constructor de arrastrar y soltar
| Capacidad | Good Website | Constructores tradicionales |
|---|---|---|
| Propiedad del código | 100% (repositorio de GitHub) | Bloqueado en la base de datos |
| Compatibilidad con agentes de IA | Nativa (a través de ADX) | Limitada / Nula |
| Control de SEO | Programático y completo | Campos básicos de plugins |
| Flujo de trabajo de publicación | Diffs respaldados por Git | Clics en el panel de control |
Para quién es
Este es un constructor de sitios web amigable con el SEO especializado y diseñado para desarrolladores, indie hackers y profesionales del marketing técnico que se sienten cómodos trabajando en un editor de código y gestionando repositorios de git.
Para quién no es
Si buscas un editor puramente visual de arrastrar y soltar sin tocar código, un servicio de diseño web local o un blog alojado llave en mano donde no gestiones ninguna configuración, Good Website no es la opción ideal.
Cómo empezar
- 1Clona el repositorio desde GitHub.
- 2Instala las dependencias usando pnpm install.
- 3Configura los metadatos iniciales de tu sitio en config/site-meta.json.
- 4Abre el proyecto en Cursor o usa Claude Code/Pi CLI para comenzar a construir componentes.
- 5Despliega la base de código directamente en plataformas como Vercel o Netlify.
$ git clone https://github.com/orchidtexture/good-website.git
$ cd good-website
$ pnpm install
added 245 packages, and audited 246 packages in 3s
$ pnpm run dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Contribuye a Good Website
¡Esta plantilla es de código abierto y agradecemos las contribuciones! Ya sea que tengas ideas para nuevas funciones, encuentres un error o quieras mejorar la documentación, no dudes en enviar un issue o un Pull Request en GitHub.
Ver en GitHubPreguntas frecuentes
Q.¿Qué es una plataforma de CMS de IA?
Una plataforma de CMS de IA es un sistema de gestión de contenidos diseñado específicamente para ser operado, extendido y mantenido por agentes de IA como Claude, Pi o Cursor, en lugar de solo humanos haciendo clics en un panel de control.
Q.¿Es esto una plantilla de CMS de Next.js?
Sí. Good Website es una plantilla de CMS de Next.js optimizada para SEO que utiliza lo último de App Router, React Server Components y Tailwind CSS. Está construida para ser una base donde el código es lo primero para tu sitio.
Q.¿Cómo mejora el SEO?
Integra el SEO técnico directamente en la arquitectura. Implementa automáticamente el esquema JSON-LD, metadatos, etiquetas canónicas y HTML5 semántico, garantizando que tu sitio esté listo para los motores de búsqueda de forma predeterminada.
Q.¿Puedo usar Claude, Pi o Cursor?
Absolutamente. El repositorio incluye capas de instrucciones estrictas en AGENTS.md para que tu agente de IA preferido entienda exactamente cómo generar componentes, modificar diseños y crear contenido.
Q.¿Necesito escribir código?
Deberías sentirte cómodo con un editor de código, git y conceptos básicos de despliegue. Aunque los agentes de IA escriben el código, este es un producto centrado en el desarrollador donde tú eres el dueño y revisas el código fuente.
Q.¿Puedo personalizar el modelo de contenido y el diseño?
Sí, infinitamente. Al utilizar un modelo de código como contenido (Code-as-Content), no estás restringido por campos predefinidos de un panel de control. Puedes pedirle a un agente que construya componentes de React personalizados directamente en tus publicaciones.
Q.¿Reemplaza a una herramienta de SEO?
Reemplaza la necesidad de complementos (plugins) de SEO técnico y el formateo manual de esquemas al automatizar las mejores prácticas, pero aún necesitas investigar palabras clave y planificar tu estrategia de contenido.
Q.¿Quién no debería usarlo?
Si buscas un editor puramente visual de arrastrar y soltar sin tocar código, o una solución alojada llave en mano donde no gestiones un repositorio de GitHub, un constructor de sitios web tradicional sin código (no-code) se adaptará mejor.