Integrar Astro con Shadcn/ui para React requiere ciertas configuraciones específicas en la directiva de hidratación, una experiencia vital para garantizar tiempos de carga sub-salida.
Live junio de 2024
Ballet Alondra
El Problema
Ejemplo de construcción de sitio estático para rendimiento óptimo en conexiones lentas y uso de CMS para edición de contenido de forma sencilla por el editor
La Solución
Aprovechando la eficiencia de Astro y la arquitectura Jamstack, desplegamos un sitio altamente optimizado con GitHub y la UI interactiva proporcionada por React y shadcn. Todo el contenido es gestionado visualmente gracias a Decap CMS integrado en la rama principal.
Stack Tecnológico
Astro
React
shadcn/ui
Decap CMS
Tailwind CSS
GitHub Pages
Gestión visual headless sin conocimiento técnico requerido.
Componentes dinámicos interactivos estilizados con shadcn.
Rendimiento perfecto de sitio estático