🎨 UI 框架
| 框架 | 集成包 | 说明 |
|---|---|---|
| React | @astrojs/react | React 18 支持 |
| Vue | @astrojs/vue | Vue 3 支持 |
| Svelte | @astrojs/svelte | Svelte 5 支持 |
| Preact | @astrojs/preact | Preact 支持 |
| Solid | @astrojs/solid-js | Solid.js 支持 |
| Lit | @astrojs/lit | Web Components |
bash
# 添加 React
npx astro add react
# 添加 Vue
npx astro add vue
# 添加 Svelte
npx astro add svelte🎨 CSS 框架
| 框架 | 集成包 |
|---|---|
| Tailwind CSS | @astrojs/tailwind |
| CSS Modules | 内置支持 |
| Sass/SCSS | 内置支持 |
| Styled Components | nanostores |
🔧 工具集成
| 工具 | 集成包 | 说明 |
|---|---|---|
| MDX | @astrojs/mdx | Markdown + JSX |
| Sitemap | @astrojs/sitemap | 自动生成 sitemap |
| Partytown | @astrojs/partytown | 第三方脚本优化 |
| Image | @astrojs/image | 图片优化 |
| Node.js | @astrojs/node | SSR 支持 |
| Verce | @astrojs/vercel | Vercel 适配器 |
| Netlify | @astrojs/netlify | Netlify 适配器 |
📦 数据获取
| CMS | 说明 |
|---|---|
| Contentful | Headless CMS |
| Sanity | Headless CMS |
| Strapi | Headless CMS |
| WordPress | REST API |