Astro
| url:: Astro |
|---|
Concepts
- Fast like some SSGs, normally only needing to deploy static assets, so compatible with edge deployments like Cloudflare
- Normally, deploys static html (zero js by default) but can use javascript when needed with directives
- client:idle
- etc.
- Server-first design in order to minimize hydration off of user devices
- js works via the island architecture, contra, e.g. SPAs where the javascript is run holistically.
- Frontend framework agnostic - you can write components in any framework you want:
Architecture
Content Collections
Island Architecture (Astro Islands)
Astro Components
Astro Templates
Theme Sites
Themes
- onwidget/astrowind: 🚀 A template to make your website using Astro + Tailwind CSS.
- hellotham/hello-astro: Hello Astro is a full featured Astro corporate/marketing/blog starter theme written in Typescript and TailwindCSS. It supports Markdown and MDX based pages and blog posts.
- https://github.com/m6v3l9/astro-theme-stone
- https://astro.build/themes/details/foxi/
- ixartz/Astro-boilerplate: 🚀 Astro boilerplate with responsive blog and portfolio template using TypeScript and React styled with Tailwind CSS ⚡️ Made with developer experience first: TypeScript + ESLint + Prettier + Husky + Lint-Staged + Commitlint + VSCode
- littlesticksdev/odyssey-theme: A modern business marketing website theme/starter built with Astro
- mhyfritz/astro-landing-page: An Astro + Tailwind CSS Example/Template for Landing Pages
- https://astro.build/themes/details/agency-theme/
- https://cosmicthemes.com/themes/ (multiple paid)
- https://lexingtonthemes.com/ (multiple paid)
- https://github.com/mearashadowfax/ScrewFast
- https://github.com/surjithctly/astroship
- https://themefisher.com/products/pinwheel-astro?ref=astrobuild
- https://astro.build/themes/details/prima-persona/
- https://fitness-astro-template.netlify.app/
- https://astro.build/themes/details/positivus/
- https://astro.build/themes/details/sofidev-garrux-portfolio-template/
Portfolio/CV
Evan Harmon
Sommer Lawn
H&M Holiday Lighting
Yalla Window Cleaning
Triplicate Group
Contraption Labs
Integrations
Icons
Astro-icon package
- natemoo-re/astro-icon: Inline and sprite-based SVGs in Astro made easy!
- Search for astro icons here: https://icon-sets.iconify.design
Tools
Sources
- Astro Crash Course - YouTube
- Tutorial
Inbox
Astro
Interactive graph
On this page
Astro
Concepts
Architecture
Content Collections
Island Architecture (Astro Islands)
Astro Components
Astro Templates
Theme Sites
Themes
Portfolio/CV
Evan Harmon
Sommer Lawn
H&M Holiday Lighting
Yalla Window Cleaning
Triplicate Group
Contraption Labs
Integrations
Icons
Astro-icon package
Tools
Sources
Inbox