تخطَّ إلى المحتوى

About this Tutorial

هذا المحتوى غير متوفر بلغتك بعد.

What do I need to know to get started?

Section titled What do I need to know to get started?

If you have some basic familiarity with HTML, Markdown, CSS, and a little JavaScript, then you’re totally good to go! You’ll be able to complete the entire tutorial just by following the instructions. Astro is for everyone! 🧑‍🚀 👩‍🚀 👨‍🚀

You will also need a GitHub (or similar) account for publishing your project to the web.

How do I use the checklists at the bottom of each page?

You check them off!

At the end of each page, you’ll find a clickable checklist of tasks you should now be able to do. Check these items off to see your progress in the Tutorial Tracker.

Using the tracker is optional, but it can help you remember your place if you complete the tutorial over multiple visits. You can also leave some checklists blank as a reminder of units that you want to revisit later.

(This data is only saved to your browser’s local storage and is not available elsewhere. No data is sent to, nor stored by Astro.)

Unit 1 is things I already know how to do. Can I skip it?

You can use the lessons inside Unit 1 to make sure you have the development tools and online accounts you’ll need to complete the tutorial. It will walk you through creating a new Astro project, storing it on GitHub, and deploying it to Netlify.

If you create a new, empty Astro project and are comfortable with your setup, you can safely skip ahead to Unit 2 where you will start making new pages in your project.

What if I need help, or want to learn more about Astro?

Our friendly Astro Discord server is the place to be!

Hop into the support forum channel to ask questions, or say hi and chat in #general or #off-topic.

What can I do after I complete this tutorial?

At the end of this tutorial, you will have a functioning blog using Astro’s built-in file-based routing. You can enhance this project’s final code by refactoring it to manage your content with content collections or adding view transitions to customize page navigation.

Where can I leave feedback about this tutorial?

This tutorial is a project of our Docs team. You can find us on Discord in the #docs channel, or file issues to the Docs repo on GitHub.

ساهم

بماذا تفكّر؟

المجتمع