Write your first line of Astro

Questi contenuti non sono ancora disponibili nella tua lingua.

Preparati a…

Make your first edit to your new website

Edit your home page

In your code editor, navigate in the Explorer file pane to src/pages/index.astro and click on it to open the file’s contents in an editable tab.

The contents of your index.astro file should look like this:

---
---

<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>

Edit the content of your page <body>.

Type in the editor to change the heading text on your page and save the change.
src/pages/index.astro
```
<body>
  <h1>Astro</h1>
  <h1>My Astro Site</h1>
</body>
```
Check the browser preview and you should see your page content updated to the new text.