Learning Astro.js
Astro.js Guide
Golden choice to build content sites.
Why Astro?
(Brief explanation of benefits - performance, content focus, etc.)
Key Concepts
- Project Structure
- Components (
.astro) - Markdown/MDX Content
- Layouts
- Starlight Configuration (
astro.config.mjs)
Getting Started
(Steps to set up or work on an Astro project)
Templates
-
Directories
- Vercel 维护一堆 template，也可以看看，分类更细致
- astro自己的仓库
-
Notable Opensource templates
- astrowind 号称是 #1 popularity 的模板。AstroJS 5.0+TailwindCSS 3.x 还未支持 Tailwind 4.x， 我手动尝试升级失败
- astroship. as of 25.Apr 支持最新的 astrojs 5.6 + tailwindCSS 4.1 免费版足够简单
- ScrewFast. 也是个不错的 boilderplate, 推荐下载了看看，还有些零星 bug, 但可以参考代码。
- astrofront. AstroJs + Shopify + Tailwind CSS + TypeScript Starter and Boilerplate
Integrations
Hosting
-
last time I checked, CF Pages 不支持 sharp 处理 assets, 所以需要对静态内容做定制处理；Vercel 支持 sharp 处理 assets, 但需要付费(?)