ContextQMD
Back to Withastro

Congratulations!

src/content/docs/en/tutorial/6-islands/3.mdx

latest3.2 KB
Original Source

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';

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

There's one more edit to make...

astro
---
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "About Me";

const identity = {
  firstName: "Sarah",
  country: "Canada",
  occupation: "Technical Writer",
  hobbies: ["photography", "birdwatching", "baseball"],
};

const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];

const happy = true;
const finished = false;
const finished = true;
const goal = 3;

const skillColor = "crimson";
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 open a working version in an online code environment like Firebase Studio 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. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

<Box icon="check-list">

Checklist

<Checklist> - [ ] I can't wait to start my next Astro project! 🚀 </Checklist> </Box> <CompletionConfetti />

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!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;"> <Button link='https://twitter.com/intent/tweet?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astrodotbuild'>Share on Twitter</Button> <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!'>Share on Reddit</Button> <Button link='https://bsky.app/intent/compose?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astro.build'>Share on Bluesky</Button> </div>

Next Steps

You can enhance this project's final code with one of our tutorial extensions, or start your next Astro project! <CardGrid> <LinkCard title="Start a new Astro Project" description="Begin a new empty project, or use an existing Astro theme template." href="/en/install-and-setup/" /> <LinkCard title="Join us on Discord" description="Connect with our community to ask questions, share your work, and get involved with the project!" href="https://astro.build/chat" /> </CardGrid>