Saltar al contenido
Bin Astro Template

Plantilla gratuita · Código abierto

Diseña y lanza tu sitio web con IA, sin tocar una línea de código.

Una base moderna, ya preparada para que tu asistente de IA construya tu sitio. Tú le cuentas lo que quieres y él lo arma. Antes de publicar, todo se revisa solo para que nada salga roto.

Descarga la plantilla

git clone https://github.com/arrobabeto/bin-astro-template.git

Qué hace

Lo difícil de un sitio web ya está resuelto. Tú pones las ideas.

  1. Base

    Lo técnico ya viene listo

    Preparada para aparecer en Google, con formularios de contacto, páginas legales y opción de varios idiomas. Lo que no trae es un diseño impuesto: tu sitio se crea desde cero, a tu medida.

  2. IA

    Lo construyes conversando

    Incluye instrucciones para Cursor, Claude Code y Codex. Pides «agrega una sección de preguntas frecuentes» o «pasa este diseño de Figma a la web», y tu asistente sabe qué hacer y dónde hacerlo.

  3. Revisión

    Nada sale roto a internet

    Antes de publicar, el sitio se revisa solo: textos, enlaces, imágenes, posicionamiento en Google y seguridad. Si algo falla, no se publica y te dice qué corregir.

Para ti, programes o no.

Si usas IA pero no programas

Editas tu sitio pidiéndolo

No necesitas tocar código. Abres el proyecto en Cursor, Claude Code o Codex y pides lo que quieras; tu asistente cambia lo necesario y revisa el resultado antes de proponértelo.

  • Guías en español, claras y sin tecnicismos.
  • Cambios en tus palabras: «cambia el teléfono del pie de página».
  • Si falta un dato importante, el sitio no se publica y te dice qué corregir.

Si programas o tienes un equipo técnico

Una base confiable y documentada

Quien revise el proyecto encuentra un código ordenado: Astro 7 en Vercel, TypeScript estricto y cada decisión importante por escrito.

  • Contenido en YAML y Markdown validado con Zod.
  • SEO técnico: JSON-LD, sitemap, llms.txt, hreflang y redirecciones 301.
  • Las mismas revisiones automáticas en cada cambio (CI).
Leer las guías

Antes de empezar

Lo que necesitas tener listo antes de empezar.

Se configura una sola vez. Si algo no lo tienes, tu asistente de IA puede guiarte para instalarlo o crearlo.

  • Un editor con IA

    Cursor, la app de escritorio de Claude (con Claude Code) o Codex. Ahí conversas con la IA, y en su terminal pegas los comandos.

  • Cuenta en GitHub

    Ahí creas el repositorio de tu sitio: guarda cada versión y cada cambio que haces. Es gratis.

    Crear cuenta en GitHub
  • Cuenta en Vercel

    Publica tu sitio en internet y te da una dirección propia de Vercel (tu-sitio.vercel.app). Tiene un plan gratuito para empezar.

    Crear cuenta en Vercel
  • Cuenta en Figma

    Opcional

    Solo si ya tienes el diseño de tu sitio en Figma: tu asistente lo lee y lo convierte en páginas. Si no, la IA te ayuda a diseñarlo desde cero.

    Crear cuenta en Figma
  • Un dominio

    Opcional

    Solo si quieres una dirección como tusitio.com. Lo compras con cualquier proveedor y lo conectas en Vercel.

  • Un servicio de correo

    Opcional

    Solo si quieres recibir los mensajes del formulario de contacto o juntar suscriptores. Se conecta después, cuando lo necesites.

Instala la plantilla y crea tu sitio en cinco pasos.

Los comandos van en la terminal de tu editor y los prompts, en el chat de tu asistente de IA. ¿Prefieres no escribir comandos? Pídele a tu asistente que los ejecute por ti.

  1. Descarga la plantilla

    git clone https://github.com/arrobabeto/bin-astro-template.git && cd bin-astro-template

    Crea la carpeta bin-astro-template en tu computadora y entra en ella. Los siguientes pasos se hacen ahí.

  2. Instala lo necesario

    Instala todo lo necesario para correr este proyecto.

    Abre la carpeta en tu editor con IA y pídeselo: tu asistente revisa qué le falta a tu computadora y deja instaladas todas las piezas que usa la plantilla.

  3. Prepara el proyecto

    pnpm run setup

    Deja lista la configuración inicial.

  4. Ponle tus datos

    pnpm bootstrap

    Te pregunta el nombre de tu sitio, tu dominio y tu contacto.

  5. Pídele tu sitio a la IA

    /nuevo-sitio

    Escríbelo en Cursor, Claude Code o Codex y tu asistente te guía paso a paso para crear tu sitio.

Por qué es rápido

Páginas ligeras, pensadas para cargar rápido.

Tu sitio se prepara por adelantado y se entrega ya listo, en lugar de armarse cada vez que alguien lo visita. Menos espera para tus visitantes y menos cosas que mantener para ti.

  1. 01Tus textos
  2. 02Revisión automática
  3. 03Preparación del sitio
  4. 04Páginas listas
  5. 05Publicado en Vercel
  • Sin servidor que cuidar

    Las páginas se generan una sola vez y se entregan desde la red de Vercel, cerca de cada visitante.

    • Nada que actualizar para mostrar tus páginas.
    • Solo los formularios usan un servidor, y son opcionales.
  • Ligera por defecto

    Tus visitantes no descargan código que no necesitan. En esta página solo se usa para los formularios y el botón de copiar.

  • Imágenes optimizadas

    Cada imagen se ajusta al tamaño de la pantalla y siempre lleva una descripción, útil para personas con discapacidad visual y para Google.

  • Lista para Google y la IA

    Incluye lo que buscadores y asistentes de IA necesitan para entender tu sitio, y se comprueba cada vez que publicas.

  • Pensada para la velocidad

    Menos código, tipografías propias e imágenes bien dimensionadas ayudan a que Google califique bien tu sitio. Mídelo con PageSpeed Insights: no prometemos cifras por ti.

Manual de prompts

¿Primera vez creando un sitio? Esta guía te lleva de la mano.

Copia cada prompt, pégalo en tu asistente de IA y avanza etapa por etapa, del diseño a la publicación. Déjanos tu correo y te la enviamos.

Qué incluye

  1. Diseño

    Parte de un diseño en Figma o créalo desde cero con ayuda de la IA.

  2. Contenido

    Textos, imágenes y datos de contacto, escritos y acomodados por tu asistente.

  3. Google

    Títulos y descripciones para que te encuentren en buscadores y asistentes de IA.

  4. Publicación

    Conecta GitHub y Vercel, revisa la vista previa y publica tu sitio.

Muy pronto: el manual todavía no está disponible para descarga.