Building a Fast Portfolio with Astro

July 20, 2026

astroseoweb

Astro ships zero JavaScript by default. The pages you visit are static HTML, which makes them fast to load and easy for search engines to crawl.

Content collections

I keep my blog posts and projects as Markdown files in src/content/. Astro’s content layer validates the frontmatter, generates typed data, and builds routes from the files.

SEO built in

  • Per-page titles, descriptions, and canonical URLs
  • Open Graph and Twitter Card tags for social sharing
  • A generated sitemap-index.xml
  • An RSS feed at /rss.xml
  • Semantic HTML with proper heading structure