Saltearse al contenido

Astro minimal template

Astro + Content Island Minimal Template es una plantilla de inicio ligera pensada para que puedas empezar rápidamente a trabajar con Astro y Content Island.

Incluye únicamente la configuración esencial para comenzar un proyecto real, sin abstracciones innecesarias ni estructuras excesivamente opinadas.


Qué incluye

Esta plantilla proporciona una base mínima pero completa:

  • Proyecto inicial de Astro Un proyecto limpio de Astro creado con la configuración oficial por defecto.

  • Configuración del access token de Content Island Configuración basada en variables de entorno para conectarse de forma segura a tu proyecto de Content Island.

  • Configuración del cliente de Content Island Un módulo dedicado en lib que inicializa createClient, permitiéndote empezar a consultar y consumir datos de Content Island desde cualquier parte del proyecto.

  • Ejemplos de consumo de contenido

    • Una Page de ejemplo
    • Un Pod de ejemplo Ambos muestran cómo obtener y renderizar datos utilizando la API de Content Island.
  • Herramientas de desarrollo preconfiguradas

    • Configuración de Prettier
    • Alias de paths para imports más limpios y mantenibles
  • Layout por defecto Un layout base listo para ser extendido a medida que el proyecto crece.


Cuándo usar esta plantilla

Esta plantilla es ideal si:

  • Estás iniciando un proyecto en producción y quieres control total desde el primer día
  • Quieres un punto de partida mínimo, sin boilerplate innecesario
  • Necesitas una forma rápida de prototipar o validar un setup con Content Island + Astro

Qué no incluye esta plantilla

Para mantenerse mínima y flexible, esta plantilla no incluye intencionadamente:

  • Frameworks de UI o sistemas de diseño
  • Estrategias avanzadas de routing
  • Modelos de contenido predefinidos
  • Presets de build o despliegue

Estas decisiones quedan en tus manos, según las necesidades de tu proyecto.


Primeros pasos

  1. Abre Nuevo proyecto y seleciona la opción Template.

Add project button

  1. Crea un nuevo proyecto usando el template de minimal astro.

Create minimal astro template

  1. Abre un terminal en Visual Studio Code y copia el comando que aparece en Quick Start:

Copy command

  1. Ejecuta el comando que copiamos en el paso anterior y se lanza el CLI de Content Island, que nos va a hacer unas cuantas preguntas muy sencillas:
  • Primero, confirmamos que queremos ejecutar el CLI.

Exec command

  • Como estamos dentro de una carpeta vacía, indicamos que el destino del proyecto va a ser ”.” (Si no, aquí podríamos indicar el nombre de la carpeta).

where create minimal project

  • Y por último, le decimos que haga un npm install automáticamente por nosotros.

Install project

  1. Una vez creado, se ejecutará tu servidor local:
Ventana de terminal
npm run dev

Initial proyect

Ya puedes empezar a construir.