¿Qué es Astro?
Conoce los proyectos que vas a construir
¿Qué es Astro?
Quiz: ¿Qué es Astro?
Primeros Pasos
Entorno de trabajo y estructura en Astro
Crear tu primera página web con Astro
Proyecto
Breve historia de los frameworks y librerías
Conoce tu proyecto colaborativo: astrobuild.tips
Configuración de Tailwind CSS
Configuración de TypeScript
GitHub, VSCode, Prettier, Astro config
Astro API
Componentes en Astro
Páginas en Astro
Plantillas en Astro
Markdown
MDX
Enrutamiento: rutas estáticas
Enrutamiento: rutas dinámicas
Creando template de nuestra página de entrada del blog
Quiz: Astro API
Astro Islands
Componentes en React: header
Componentes en Vue: footer
Componentes en Svelte: redes sociales
Patrones de diseño: Astro Islands
Quiz: Astro Islands
Deploy
Integraciones SEO, RSS, Sitemap
Desplegar en Cloudflare Pages
Quiz: Deploy
Bonus
Bonus: aplica mejoras a tu proyecto
Cierre
Conclusiones y cierre del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 4
Preguntas 0
Para la instalación automática de Tailwind en Astro:
npx astro add tailwind
Con eso, Astro se encarga de toda la instalación y configuración, incluyendo de que ya no necesitas crear el archivo base.css, pues la integración de Astro automáticamente lo inyecta en cada una de las páginas de nuestro proyecto, por lo que puedes utilizar clases de tailwind inmediatamente.
Command
$ npm install @astrojs/tailwind@3.0.1 tailwindcss@3.2.4
Si les aparece unknown at rule @tailwind en el archivo base.css, basta con instalar la extensión PostCSS Language Support
Integrations
Y también las filtradas por “featured”
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.