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 desplegar en Netlify. Salta a la Unidad 2 si ya estás cómodo con tu entorno y flujo de trabajo.
¿Quieres completar este tutorial en un editor de código en línea? Sigue las instrucciones a continuación para empezar en StackBlitz.
Usando StackBlitz: Sigue estas instrucciones, luego ve directamente a la Unidad 2!
Set up StackBlitz
-
Sigue el enlace externo para abrir la plantilla "Empty Project" en StackBlitz.
-
Haz clic en "Sign in" en la parte 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 "fork" de la plantilla (guardar en tu propio panel de cuenta).
-
Espera a que el proyecto cargue, y verás una vista previa en vivo del starter "Empty Project".
Make a Change
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.
Create a GitHub Repository
-
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 enviar de vuelta a GitHub, un botón "Commit" aparecerá en la parte superior izquierda de tu workspace. Hacer clic en este te permitirá ingresar un mensaje de commit, y actualizar tu repositorio.
Deploy your Site
Si te gustaría desplegar en Netlify, y tener una versión publicada en vivo de tu sitio mientras trabajas, continúa en la Unidad 1 a Despliega tu sitio a la web.
De lo contrario, salta a la Unidad 2 para empezar a construir con Astro!
¿A dónde vas?
Sección titulada “¿A dónde vas?”En esta unidad, crearás un nuevo proyecto que estará almacenado online en GitHub y conectado a Netlify.
A medida que escribes código, periódicamente harás commit de tus cambios a GitHub. Netlify usará los archivos en tu repositorio de GitHub para construir tu sitio web, y luego publicarlo en internet en una dirección única donde cualquiera puede verlo.
Cada vez que hagas commit de un cambio a GitHub, se enviará una notificación a Netlify. Luego, Netlify reconstruirá y republicará automáticamente tu sitio en vivo para reflejar esos cambios.