将现有项目迁移到 Astro
准备好将你的网站转换为 Astro 了吗? 请参阅我们的迁移技巧指南之一。
迁移指南
段落标题 迁移指南请注意,这些页面中有许多是存根:它们是资源的集合,等待着你的贡献!
为什么将你的网站迁移到 Astro?
段落标题 为什么将你的网站迁移到 Astro?Astro 提供了许多好处:性能,简单性,以及许多你想要的功能都内置在框架中。当你需要扩展你的网站时,Astro 提供了一些 官方和第三方社区的集成。
迁移的工作量可能比你想象的要小!
根据你现有的项目,你可能能够:
-
在 Astro 中直接使用你现有的 UI 框架组件 。
-
使用你现有的 CSS 样式或库 包括 Tailwind。
-
使用你现有的 Markdown/MDX 文件,以及 remark 和 rehype 插件进行配置。
-
通过集成或者 API 获取来自 CMS 的内容 。
我可以将哪些项目转换为 Astro?
段落标题 我可以将哪些项目转换为 Astro?很多现有的网站可以使用 Astro 构建。Astro 非常适用于你现有的基于内容的网站,如博客、登录页面、营销网站和个人作品集。Astro 集成了几个流行的 无头 CMS(headless CMS),并且允许你连接电子商务商店的购物车。
Astro 允许你在静态生成站点和服务器端渲染(SSR) (EN)之间进行选择,使其成为 SSG 或需要即时获取一些页面数据的网站的绝佳替代品。
我的项目设计应该如何改变?
段落标题 我的项目设计应该如何改变?根据你现有的项目,你可能需要从不同方面进行思考:
-
使用 Astro 群岛设计以避免向浏览器发送不必要的 JavaScript。
-
使用 客户端
<script>
标签 或 UI 框架组件提供客户端互动性。 -
使用 Nano Stores 或者 local storage 管理共享状态,而不是全局 hooks 或者包装类。