Theme Astro
Iván Bazaga
Desarrollador Junior
Astro theme framework
# 🚀 Plantilla Astro Minimal
Una plantilla base moderna para proyectos Astro con Tailwind CSS,
lista para producción y personalización.# ✨ Características principales
- ⚡ **Astro 5**: Framework web moderno y ultrarrápido
- 🎨 **Tailwind CSS 4**: Utilidades CSS listas para usar
- 📱 **Responsive**: Diseño adaptable a cualquier dispositivo
- ♿ **Accesible**: Mejores prácticas de accesibilidad
- 🛡️ **SEO Optimizado**: Meta tags y estructura semántica
- 🧩 **Componentes reutilizables**: Estructura clara y escalable# 🛠️ Instalación rápida
Puedes crear un nuevo proyecto basado en esta plantilla con:
npm create astro@latest -- --template github:IvBanzaga/theme-astro
# o usando pnpm
yarn create astro --template IvBanzaga/theme-astro
# o clona el repositorio manualmente
git clone https://github.com/IvBanzaga/theme-astro.git
cd theme-astro
pnpm install
pnpm dev# 📁 Estructura del proyecto
/
├── public/ # Archivos estáticos (imágenes, fuentes, etc.)
├── src/
│ ├── assets/ # Recursos como imágenes o fuentes
│ ├── components/ # Componentes Astro y UI
│ ├── layout/ # Layouts reutilizables
│ ├── pages/ # Páginas del sitio (rutas)
│ └── styles/ # Hojas de estilo globales
├── package.json # Dependencias y scripts
└── astro.config.mjs # Configuración de Astro# 💻 Comandos útiles
Todos los comandos se ejecutan desde la raíz del proyecto:
| Comando | Acción |
|----------------------|--------------------------------------------------------------|
| `pnpm install` | Instala las dependencias |
| `pnpm dev` | Inicia el servidor de desarrollo en `localhost:4321` |
| `pnpm build` | Genera el sitio listo para producción en `./dist/` |
| `pnpm preview` | Previsualiza el sitio generado localmente |
| `pnpm astro ...` | Ejecuta comandos CLI de Astro (`astro add`, `astro check`, etc)|# 📚 Recursos y documentación
# Autor
# 👨💻 **Iván Bazaga**
🚀 Desarrollador Frontend especializado en Angular y ecosistemas
Estudiante Intermedio con pasión por crear aplicaciones web modernas y eficientes. Este proyecto representa la aplicación práctica de conceptos avanzados.
# ☎️ Información de Contacto
| Plataforma | Enlace | Descripción |
|---|---|---|
| GitHub | @IvBanzaga | Repositorios y proyectos de código |
| Iván Bazaga | Perfil profesional y networking | |
| ivan.cpweb@gmail.com | Contacto directo para oportunidades | |
| Portfolio | Ivandevs.netlify.app | Showcase de proyectos y skills |
| Proyecto | Creamiproyecto.com | Showcase de proyectos y skills |
# 🧰 Stack Tecnológico de Especialización
Frontend: Java SprinBoot • Astro • Angular 20 • TypeScript • RxJS • Bootstrap 5 • HTML5 • CSS3
Tools: Angular CLI • Git • VS Code • Prettier • Jasmine • Karma
Learning: NgRx • PWA • Node.js • Express • Mysql • Oracle📧 ¿Tienes preguntas o sugerencias?
¡No dudes en abrir un issue o contactarme directamente!
¡Personaliza esta plantilla y crea tu web moderna en minutos!
Comparte este proyecto
¿Te ha gustado este proyecto? ¡Compártelo con tu red!