Skip to content

Congratulations!

There’s one more edit to make…

src/pages/about.astro
---
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. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

Checklist

Section titled Checklist

Share your achievement!

Section titled Share your achievement!

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

Next Steps

Section titled Next Steps

You can enhance this project’s final code with one of our tutorial extensions, or start your next Astro project!

Extend with content collections Refactor the tutorial code to manage your blog posts with content collections.
Extend with view transitions Add view transitions to the tutorial code to customize page navigation.
Start a new Astro Project Begin a new empty project, or use an existing Astro theme template.
Join us on Discord Connect with our community to ask questions, share your work, and get involved with the project!