| type | title | description | i18nReady |
|---|---|---|---|
tutorial |
Congratulations! |
Tutorial: Build your first Astro blog —
Check out the final version of your project and find out what’s next with Astro! |
true |
import Box from '/components/tutorial/Box.astro';
import Checklist from '/components/Checklist.astro';
import CompletionConfetti from '/components/tutorial/CompletionConfetti.astro';
import PreCheck from '/components/tutorial/PreCheck.astro';
import Button from '~/components/Button.astro';
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. 👩🏼🚀👨🏿🚀🧑🚀👩🏾🚀
- [ ] I can't wait to start my next Astro project! 🚀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
Congratulations on completing the Astro blog tutorial! Share your achievement with the world and let everyone know you're an Astronaut now!