Skip to content


There’s one more edit to make…

import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "About Me";
const happy = true;
const finished = false;
const finished = true;
const goal = 3;
const identity = {
firstName: "Sarah",
country: "Canada",
occupation: "Technical Writer",
hobbies: ["photography", "birdwatching", "baseball"],
const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];
const skillColor = "navy";
const fontWeight = "bold";
const textCase = "uppercase";

We hope you learned a little about the basics of Astro, and had fun along the way!

You can find the code for the project in this tutorial on GitHub or StackBlitz.

Check out our docs for guides and reference material, and visit our Discord to ask questions, get help or just hang out!

Welcome to the universe, astronaut. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

Continue with either of our tutorial extensions to add view transitions to this project or to add a content collection to manage your blog posts

Start a new Astro project

Join us on Discord

Congratulations on completing the Astro blog tutorial! Share your achievement with the world and let everyone know you’re an Astronaut now!