Escribe tu primera línea de Astro

Prepárate para…

Haz tu primera edición a tu nuevo sitio web

Edita tu página principal

En tu editor de código, navega en el panel de archivos del Explorer a src/pages/index.astro y haz clic en él para abrir el contenido del archivo en una pestaña editable.

El contenido de tu archivo index.astro debería verse así:

---
---

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} >
    <title>Astro</title>
  </head>
  <body>
    <h1>Astro</h1>
  </body>
</html>

Edita el contenido de la página <body> de tu página.

Escribe en el editor para cambiar el texto del encabezado de tu página y guarda el cambio.
src/pages/index.astro
```
<body>
  <h1>Astro</h1>
  <h1>My Astro Site</h1>
</body>
```
Revisa la vista previa del navegador y deberías ver el contenido de tu página actualizado con el nuevo texto.

¡Felicidades! ¡Ya eres un desarrollador de Astro!

El resto de esta unidad te preparará para el éxito con control de versiones y un sitio web publicado que puedes mostrar.

Checklist

Puedo hacer cambios y verlos en el navegador.
¡Soy un desarrollador de Astro!

Contribuir Comunidad Patrocinar