Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create Template Layouts for Your HTML with Astro SSG

Kevin Powell via YouTube

Start learning Write review
CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More → Simplilearn Ad

Become an AI & ML Engineer with Cal Poly EPaCE — IBM-Certified Training

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
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

Reviews

Start your review of Create Template Layouts for Your HTML with Astro SSG

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.