Angel Navas Logo
#AstroAstro#TailwindCSSTailwindCSS#YouTubeYouTube#TutorialTutorial

Cómo construir un landing page de alta conversión con Astro y TailwindCSSHow to build a high-conversion landing page with Astro and TailwindCSS

Transcripción del video y guía paso a paso para crear interfaces web ultra rápidas y optimizadas para SEO.Video transcript and step-by-step guide to building lightning-fast web interfaces optimized for SEO.

Angel Navas
Angel NavasUI Designer & Frontend Developer
28 de julio de 2026July 28, 20268 min lectura8 min read

Resumen del Video & Transcripción

En este video explicamos la arquitectura completa detrás de la construcción de sitios estáticos modernos usando Astro y TailwindCSS.

Puntos Clave

  1. Configuración de Astro v5: Estructuración de componentes atómicos y colección de contenidos estáticos.

  2. Diseño Visual con TailwindCSS: Implementación de tipografías personalizadas y paletas oscuras basadas en Zinc.

Video Summary & Transcript

In this video we walk through the complete architecture behind building modern static sites using Astro and TailwindCSS.

Key Points

  1. Astro Setup: Component architecture and static content collections.

  2. Visual Design with TailwindCSS: Custom typography and dark scale palettes.