Checking Permissions...

Section 4 • Tutorial Page Template

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.

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.

You are currently logged out.

To view this content, please log in or request an account from your manager.
Redirecting you to the home page in 5 seconds.

✕

Share this page via QR Code

https://grovery-core-toolkit-staging.netlify.app/en/page-templates/tutorial-page-template/2-step-2/1/
✕

CORE Options

Currently logged in as: Loading...

Log In
Install
Clear Data
✕

What’s on your mind?

Have an issue or an idea? Share it with us, and we'll check it out!

Choose feedback category
✕
✕

ANNOUNCEMENTS

Check here for the latest site-wide announcements

This is the Announcements entry for the whole site. Use this to display announcment text in the modal linked to the Announcements button in the header. The actual content of the announcment is set with the AnnouncementsContent component, and is fetched from '/src/data/announcements.json', and is set up to accept raw HTML code so you can include links and text formatting.

Click here to go to the main Announcements page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
✕

Search

    No recent searches to display. Start typing to search instantly.
    OFFLINE

    Looks like you're not currently connected to the internet.

    You should still be able to browse this site, but you won't be able to access outside resources until you have internet access again.