Entradas

Mostrando entradas de julio, 2023

Cómo crear tu primera web con Astro en 15 minutos

En mi artículo anterior sobre Astro expliqué qué es y por qué está ganando espacio frente a otros frameworks web. Ahora toca la parte práctica: crear tu primera web con Astro, desde la instalación hasta el despliegue en producción. Requisitos previos Tener instalado Node.js 18 o superior . Un editor de código (VS Code, Neovim, etc.). Conocimientos básicos de HTML y CSS. 1. Crear el proyecto Abre una terminal y ejecuta: npm create astro@latest my-first-astro cd my-first-astro npm install El asistente te preguntará si quieres empezar desde cero o con una plantilla. Para este tutorial elige “blog básico” . 2. Ejecutar el servidor de desarrollo Inicia el servidor local: npm run dev Abre http://localhost:4321 y verás tu primer sitio con Astro corriendo. 3. Estructura básica de Astro Un proyecto de Astro tiene principalmente: src/pages/ : aquí van tus páginas (cada archivo .astro se convierte en una ruta). src/components/ : tus componentes ...