Awesome Astro

Curated resources on building sites with Astro, a brand new way to build static and server rendered sites, with cross-framework components, styling and reactive store support. If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏.

Astro is super duper new, improving, and becoming more expressive + powerful, but few of the APIs are still evolving. This page aspires to collect all the valauble references out there, and be a useful go-to resource when astro hits it's first stable version.

Official Docs - What's Next? - Play

✍️ Blogs

• Introducing Astro: Ship Less JavaScript - Fred K. Schott
• A Look at Building with Astro - Chris Coyier
• Thoughts on Astro - Chris Coyier
• Our experience with Astro - Georges
• Why I built my blog with Astro - Aseem Taneja
• Astro with Netlify CMS, Forestry CMS(re-visited), and Snipcart - Navillus
• How to Use Astro to Build React Apps without JavaScript - Colby Fayock
• Build wicked fast sites with Astro: An Introduction - Cassidy Williams
• A first look at Astro, astronomical results
• Why Astro matters
• SvelteKit to Astro
• Getting Started With Astro — The Innovative Static Site Generator
• Astro Will Become Your Favorite Static Site Generator
• Build a Recipe collection website with Astro - Parts → 1 - 2 - 3 - 4 - 5
• Astro: Build faster apps with less JavaScript
• 5-Part Blog Series - Learn Astro while building Ink - 1 - 2 - 3 - 4 - 5
• Getting started with Astro

📹 Videos/Screencasts/Twitch

• Ship Less JavaScript with Astro - Fredd K. Schott & Jason Lengstorf
• Speakeasy JS – Astro: A New Architecture for the Modern Web - Fred K. Schott (YouTube - Speakeasy JS)
• Astro in 100 Seconds - Jeff Delaney (Fireship)
• Yapping About Astro - Chris Coyier (CSS Tricks)
• Astro FTW! Vue and React can work together in the same app - Jamstack Fridays
• Learning Astro with Nate Moore - Nate Moore (YouTube - React Wednesdays)

🧶 Condensed Thought-pieces (Twitter Threads)

• Georges on Astro as a meta web framework
• Nate Moore on Incremental Framework adoption, Solid.js support, and a future without import React from 'react' for components.
• Matthew Phillips on Astro for Web Components, lit and server-rendered custom elements
• Matthew Phillips on Astro Loading
• Nate Moore on baseline JS bundle size
• Astro's super-fast Go compiler(Coming Soon)

ℹ️ Repositories/Starter Kits/Components

• Astro-react-vue-demo
• Astro-netlify-starter
• Astro Ink - Crisp, minimal, personal blog theme for Astro
• Astro Me - Crisp, minimal, personal portfolio theme for Astro
• Astro Starter Kit
• Astro Static Tweet
• Astro Translation Example
• Astro Ghost CMS Starter - A Ghost CMS starter for Astro
• Astro Theme - Creek - A Blog theme for Astro

Built with Astro

• Designcember
• Serverless(CSS Tricks)
• Rokt
• Backlight
• Apparently.cz
• T3 Tools
• Easybank Landing Page(source)

Astro Packages/Libraries

• Astro SEO - Better SEO with Astro
• Astro Stylesheet Component - Abstract the monotony of adding stylesheets to any Astro project
• Astro Command - Statically render commands and build components in any language
• Astro Pandoc - Pandoc rendering for Astro
• Astro SPA - The SPA library for Astro that will turn your website into a Single Page Application
• Astro Icon - Straight-forward Icon component for Astro
• Astro Image(Not Ready) - An image component with vite-imagetools is coming your way soon