Check in: Unidad 1 - Configuración
Ahora que sabes lo que vas a construir, ¡es hora de configurar todas las herramientas que necesitarás!
Esta unidad te muestra cómo configurar tu entorno de desarrollo y realizar el despliegue en Netlify. Salta a la Unidad 2 si ya te sientes cómodo con tu entorno y flujo de trabajo.
¿Prefieres completar este tutorial en un editor de código en línea? Sigue las instrucciones a continuación para comenzar en StackBlitz.
Usando StackBlitz: ¡Sigue estas instrucciones y luego ve directamente a la Unidad 2!
Configurar StackBlitz
-
Sigue el enlace externo para abrir la plantilla “Empty Project” en StackBlitz.
-
Haz clic en “Sign in” en la esquina superior derecha para iniciar sesión usando tus credenciales de GitHub.
-
En la parte superior izquierda de la ventana del editor de StackBlitz, haz clic para hacer un “fork” de la plantilla (para guardarla en el panel de tu propia cuenta).
-
Espera a que el proyecto se cargue y verás una vista previa en vivo del proyecto inicial “Empty Project”.
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 de GitHub
-
Presiona el botón Connect Repository en la parte superior de tu lista de archivos, ingresa un nuevo nombre para tu 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. Hacer clic en este te permitirá ingresar un mensaje de confirmación y actualizar tu repositorio.
Despliega tu sitio
Si deseas realizar el despliegue en Netlify y tener una versión publicada en vivo de tu sitio mientras trabajas, avanza en la Unidad 1 a Despliega tu sitio en la web.
De lo contrario, ¡salta a la Unidad 2 para comenzar a construir con Astro!
¿Hacia dónde vas?
Sección titulada «¿Hacia dónde vas?»En esta unidad, crearás un nuevo proyecto que estará almacenado en línea en GitHub y conectado a Netlify.
A medida que escribes código, periódicamente confirmarás tus cambios en GitHub. Netlify usará los archivos de tu repositorio de GitHub para construir tu sitio web y luego lo publicará en internet en una dirección única donde cualquiera podrá verlo.
Cada vez que confirmes un cambio en GitHub, se enviará una notificación a Netlify. Luego, Netlify reconstruirá y volverá a publicar automáticamente tu sitio en vivo para reflejar esos cambios.