Landing Page desarrollada con Astro, un moderno generador de sitios estáticos que ofrece un rendimiento óptimo y una experiencia de desarrollo excepcional. Este proyecto representa la presencia digital de InnovaTech Ica, una empresa líder en soluciones tecnológicas innovadoras.
- ⚡ Rendimiento ultrarrápido
- 📱 Diseño responsive
- 🎨 Interfaz moderna y atractiva
- 🔍 SEO optimizado
- 🚀 Despliegue automático
- 🔒 Seguridad mejorada
- Astro - Framework para sitios estáticos de alto rendimiento
- TypeScript - Tipado estático para JavaScript
- TailwindCSS - Framework CSS utilitario
- Alpine.js - Framework JavaScript ligero para interactividad
- PNPM - Gestor de paquetes rápido y eficiente
- ESLint - Linter para JavaScript/TypeScript
- Prettier - Formateador de código
- GitHub Actions - CI/CD y despliegue automático
- Node.js (v18.0.0 o superior)
- PNPM (v8.0.0 o superior)
- Git
# Clonar el repositorio
git clone https://github.com/InnovaTechGroupUNICA/InnovaTechIca.github.io.git
# Navegar al directorio del proyecto
cd InnovaTechIca.github.io
# Instalar dependencias
pnpm install
# Iniciar servidor de desarrollo
pnpm dev/
├── public/ # Archivos estáticos
│ ├── images/ # Imágenes optimizadas
│ └── fonts/ # Fuentes personalizadas
├── src/
│ ├── components/ # Componentes reutilizables
│ │ ├── ui/ # Componentes de UI básicos
│ │ └── sections/ # Secciones de la landing page
│ ├── layouts/ # Plantillas de diseño
│ ├── pages/ # Páginas de la aplicación
│ ├── styles/ # Estilos globales
│ └── utils/ # Utilidades y helpers
├── astro.config.mjs # Configuración de Astro
├── tailwind.config.js # Configuración de Tailwind
└── package.json # Dependencias y scripts
| Comando | Descripción |
|---|---|
pnpm dev |
Inicia el servidor de desarrollo en localhost:4321 |
pnpm build |
Genera la versión de producción en ./dist/ |
pnpm preview |
Previsualiza la versión de producción localmente |
pnpm astro check |
Ejecuta verificaciones de tipos y validaciones |
pnpm astro add |
Añade integraciones y adaptadores |
pnpm lint |
Ejecuta el linter para verificar el código |
pnpm format |
Formatea el código según las reglas establecidas |
El sitio está configurado para desplegarse automáticamente en GitHub Pages cuando se hace push a la rama principal. El proceso de CI/CD incluye:
- Verificación de tipos
- Linting del código
- Build de producción
- Despliegue automático
- Documentación de Astro
- Guía de Estilo
- Referencia de Componentes
- Guía de Contribución
- Política de Código de Conducta
- Fork el proyecto
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
- Sigue las convenciones de código establecidas
- Añade tests para nuevas funcionalidades
- Actualiza la documentación según sea necesario
- Asegúrate de que todos los tests pasen
- 🌐 Sitio Web: innovatech.github.io
- 📧 Email: InnovaTechGroupUNICA@gmail.com
- Equipo de desarrollo de Astro
- Comunidad de código abierto
- Todos los contribuidores del proyecto