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
- 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
- Series - Learn Astro while building Ink - Get Up & Running
- Series - Learn Astro while building Ink - Astro and Site Structure
- Series - Learn Astro while building Ink - Astro and Data
- Series - Learn Astro while building Ink - Astro and Interactivity
- Series - Learn Astro while building Ink - Astro and Dynamic Pages
- Getting started with Astro
- Migrating from SvelteKit to Astro
- Personal website with Astro, Tailwind CSS, and Nx
- 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)
- Ship less JS with Astro - Jamstack Training
- Create template layouts for your HTML with Astro SSG - Kevin Powell
- 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)
- 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
- Astro Theme - Sarissa Blog - A responsive blog theme for Astro
- Designcember
- Serverless(CSS Tricks)
- Trivago - Tech Blog
- Rokt
- Backlight
- Apparently.cz
- Replicant.band
- animerdesateliers.com
- reindeere.ca
- Opensauced
- T3 Tools
- Easybank Landing Page(source)
- Humnutrition
- leosvel.dev
- eriksolsen.com
- hexarolls.com
- jadezak.com
- okikio.dev
- bowling-reference.com
- 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-imagetoolsis coming your way soon - Accessible Astro Components
- Astro Eleventy Image
- Sarissa Pagination - Add page number buttons for pagination. Automatically add and disable numbers as current page number.