v1.1.0

Nuevas características y mejoras

• ⭐ Dependencias actualizadas (44bb17e)
• 💼 Actualizadas las versiones de Node y PNPM. Añadido sharp y simple-git-hooks a las dependencias de construcción (0370cba)
• ⚙️ Mejorada la configuración de Astro con ajustes de compresión (6441cc3)
• 🗜️ Mejorada la configuración de minificación de HTML y actualizada la importación del tipo Options (b3387b9)
• 🚀 Añadido astro-capo y corregida la versión necesaria de TypeScript. (a2b8cd5)

Conversión de Píxeles a REM

Estamos emocionados de anunciar la incorporación de una nueva funcionalidad en nuestro boilerplate: la conversión automática de unidades de píxeles a rem utilizando Lightning CSS. Por lo que puedes utilizar las unidades de píxeles y están se convertiran a rem automáticamente al hacer build de tu proyecto.

Características Principales

• Conversión Automática: Convierte automáticamente las unidades de píxeles a rem en tu CSS.
• Mejor Escalabilidad: Facilita el diseño responsive, ya que los elementos escalan mejor en diferentes tamaños de pantalla.
• Implementación Sencilla: Integración directa con Lightning CSS para realizar las conversiones sin esfuerzo adicional.
• Mejor experiencia de desarrollo: Al utilizar pixeles podrás mantener de manera más sencilla la consistencia con el diseño y no tendrás que hacer una conversión cada vez que tengas que aplicar un tamaño.

Ventajas de Usar REM

• Escalabilidad de Diseño: REM permite que los diseños sean más flexibles y escalables en diferentes dispositivos y tamaños de pantalla.
• Mejor Accesibilidad: Facilita la adaptación del tamaño del texto u otros elementos según las preferencias del usuario, mejorando la accesibilidad.
• Consistencia: Mantiene la consistencia en el diseño al escalar elementos proporcionalmente.

Changelog

• feat: add pixel to rem conversion (cda1afd7)

🚀 Lanzamiento Inicial del Boilerplate

Es un gusto anunciar la funcionalidad inicial de nuestro boilerplate, diseñado para facilitar la creación de sitios rápidos, accesibles y listos para producción con Astro.

Características principales

• ✅ Última versión de Astro: Mantenido al día con las últimas mejoras y características.
• ✅ Configuración de ESLint y Prettier: Código limpio y consistente sin complicaciones.
• ✅ Commits Semánticos: Reglas claras para mantener un historial de commits legible y útil.
• ✅ Dependabot: Actualizaciones automáticas de dependencias para mantener tu proyecto seguro y actualizado.
• ✅ Plantillas para Pull Requests: Estandariza las contribuciones y facilita las revisiones.
• ✅ Enfoque en Performance y SEO: Construye sitios web rápidos y optimizados para motores de búsqueda.
• ✅ Soporte para Iconos SVG: Fácil gestión e inserción de iconos SVG.
• ✅ View Transitions entre Documentos: Configuración inicial para las View Transitions MPA. (Más información).

Guía de uso

Para utilizar la plantilla puedes copiar y ejecutar el siguiente comando en tu terminal:

Con NPM:

npm create astro@latest -- --template UXCorpRangel/boilerplate

Con PNPM:

npm create astro@latest -- --template UXCorpRangel/boilerplate

Desde la interfaz de GitHub:

Hemos habilitado el boilerplate como una plantilla, por lo que desde la interfaz de GitHub desde nuestro repositorio puedes hacer clic en el botón "Usar esta plantilla" y crear un nuevo repositorio.

Actualizaciones Recientes

• Actualización de Astro a la versión 5.2.3.

Para más detalles sobre los commits recientes, visita este enlace.