astrobench · play with code
Step
1/11

Hello, page

Mission Control here. Say hi to the world — and meet your project.

Welcome to Mission Control. Before you fly anyone into space, let's see what's on your desk.

 

An Astro project is just a folder. Every file in src/pages/ becomes a URL. The one below — index.astro — is your homepage .

 

Click in the code below. Change world to your own name. Watch the polaroid update as you type .

src/pages/index.astro — really editing live

That's it. You just wrote a webpage. Everything else in this notebook is small extensions of this idea — more files, more components, more places that data can come from.

 

Try breaking things: delete the </h1> . Add a <ul> with three list items. Hit ↻ reset when you want to start over.

— page 1 —
in the binder open binder →
saved a moment ago
progress 9%
earn +30 XP