Free Astro tutorials for complete beginners.

Beginner's Guide to Astro

Your first Astro site, in seven lessons

Free, with no sign-up. About 125 minutes in total, and you finish with a real website online.

Start lesson 1

Track your progress

  1. Lesson 1 Get ready
  2. Lesson 2 Create your project
  3. Lesson 3 Make your first pages
  4. Lesson 4 Share a layout
  5. Lesson 5 Write in Markdown
  6. Lesson 6 Make it look good
  7. Lesson 7 Go live

Finish a lesson and its star lights up. 7 to go.

  1. Get your computer ready

    Install the two free programs you need, then learn just enough about the terminal to run a command.

    15 minutes

  2. Create your project

    Run one command to create an Astro project, then see your site running on your own computer.

    15 minutes

  3. Make your first pages

    Edit your home page, use a variable, and add a second page by creating a single file.

    15 minutes

  4. Share a layout across pages

    Stop repeating yourself. Build a layout and a navigation menu that every page can use.

    20 minutes

  5. Write blog posts in Markdown

    Set up a content collection so that adding a blog post is as simple as adding a text file.

    25 minutes

  6. Make it look good

    Add a site-wide stylesheet so your text is easy to read on any screen.

    15 minutes

  7. Put your site online

    Build your finished site, publish it for free, and get a real address you can share.

    20 minutes

Try "blog", "deploy" or "EmDash".