🔧 开发问题
Q: 组件没有交互？
A: 确保使用了 client 指令：
astro
<!-- 添加 client:load 或其他指令 -->
<Counter client:load />Q: 如何访问环境变量？
A: 使用 import.meta.env：
astro
const apiKey = import.meta.env.API_KEY;⚡ 性能问题
Q: 如何优化性能？
- 静态内容不加 client 指令
- 使用 client:visible 延迟加载
- 启用图片优化
- 使用 View Transitions
🔄 迁移问题
Q: 如何从 Next.js 迁移？
- 页面从 pages/ 移到 src/pages/
- 将 React 组件导入 Astro
- 添加 client 指令到交互组件
- 使用 Content Collections 管理内容