| type | unitTitle | title | i18nReady | description |
|---|---|---|---|---|
tutorial |
Crea y despliega tu primer sitio Astro |
Check in: Unidad 1 - Configuración |
true |
Tutorial: Crea tu primer blog con Astro — Prepara tu entorno de desarrollo, crea y despliega tu primer sitio Astro sitio |
import Checklist from '/components/Checklist.astro';
import Box from '/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';
Ahora que ya sabes lo que vas a construir, ¡es hora a preparar todas las herramientas que vas a necesitar!
Esta unidad te muestra cómo configurar tu entorno de desarrollo y desplegar en Netlify. Pasa a la Unidad 2 si ya te sientes cómodo con tu entorno y flujo de trabajo.
:::tip[Utilizando stackblitz]
¿Quieres completar este tutorial en un editor de código en línea en su lugar?
Sigue estas instrucciones y pasa directamente a la Unidad 2.
Configura StackBlitz
1. Visita [astro.new](https://astro.new) y haz clic en el botón para abrir la plantilla "Proyecto vacío" en StackBlitz.-
Haz clic en "Iniciar sesión" en la parte superior derecha para iniciar sesión con tus credenciales de GitHub.
-
En la parte superior izquierda de la ventana del editor StackBlitz, haz clic para hacer un "fork" de la plantilla (guardar en el panel de tu propia cuenta).
-
Espera a que se cargue el proyecto y verás una vista previa en vivo del inicio del "Proyecto vacío".
Haz un cambio
En el panel de archivos, deberías ver src/pages/index.astro. Haz clic para abrirlo, y sigue Escribe tu primera línea de Astro para hacer un cambio en este archivo.
Crea un repositorio GitHub
1. Presiona el botón Connect Repository en la parte superior de la lista de archivos, ingresa un nombre para dicho repositorio y haz clic en Create Repo & push.- Cuando tengas cambios para confirmar en GitHub, aparecerá un botón "Commit" en la parte superior izquierda de tu espacio de trabajo. Al hacer clic en él, podrás introducir un mensaje de confirmación y actualizar tu repositorio.
Despliega tu sitio
Si quieres desplegar tu sitio en Netlify, pasa a Despliega tu sitio en la web. ¡Si no, pasa a Unidad 2 para empezar a construir con Astro!
En esta unidad, crearás un nuevo proyecto que estará almacenado online en GitHub y conectado a Netlify.
A medida que escribas código, enviarás periódicamente tus cambios a GitHub. Netlify utilizará los archivos de tu repositorio de GitHub para construir tu sitio web, y luego lo publicarás en Internet en una dirección única donde cualquiera podrá verlo.
Cada vez que envíes un cambio a GitHub, se enviará una notificación a Netlify. Entonces, Netlify automáticamente reconstruirá y volverá a publicar tu sitio en vivo para reflejar esos cambios.
## Checklist - [ ] ¡Estoy listo para preparar un entorno de desarrollo para un proyecto de Astro!