Launch a New Career with Certificates from Google, IBM & Microsoft
Earn Your Business Degree, Tuition-Free, 100% Online!
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn how to create template layouts for HTML using Astro Static Site Generator in this 24-minute tutorial video. Explore the benefits of using a static site generator to streamline repetitive HTML tasks and simplify page updates. Follow along as the instructor guides you through installing Astro, exploring its file structure, and setting up a main template file. Discover how to slot content into templates, fix navigation links, and set titles with template layouts. By the end of the tutorial, you'll be able to build a static site for production using Astro SSG, making your web development process more efficient and maintainable.
Syllabus
- Introduction
- Why Astro?
- Installing Astro
- Exploring the file structure
- Cleaning up index.astro
- Adding the HTML from old project
- Setting up the main template file
- Slotting in content to the template using the template
- Fixing the navigation links
- Setting titles with template layouts
- Building the static site for production
Taught by
Kevin Powell