Question

准备好将你的网站转换为 Astro 了吗？ 请参阅我们的迁移技巧指南之一。

迁移指南

• 

  Gatsby

• 

  Next.js

• 

  NuxtJS

• 

  Create React App

• 

  Docusaurus

• 

  Eleventy

• 

  GitBook

• 

  Gridsome

• 

  Hugo

• 

  Jekyll

• 

  Pelican

• 

  SvelteKit

• 

  VuePress

• 

  WordPress

请注意，这些页面中有许多是存根：它们是资源的集合，等待着你的贡献！

为什么将你的网站迁移到 Astro？

Astro 提供了许多好处：性能，简单性，以及许多你想要的功能都内置在框架中。当你需要扩展你的网站时，Astro 提供了一些 官方和第三方社区的集成。

迁移的工作量可能比你想象的要小！

根据你现有的项目，你可能能够：

• 在 Astro 中直接使用你现有的 UI 框架组件 。

• 使用你现有的 CSS 样式或库 包括 Tailwind。

• 使用你现有的 Markdown/MDX 文件，以及 remark 和 rehype 插件进行配置。

• 通过集成或者 API 获取来自 CMS 的内容 。

我可以将哪些项目转换为 Astro？

很多现有的网站可以使用 Astro 构建。Astro 非常适用于你现有的基于内容的网站，如博客、登录页面、营销网站和个人作品集。Astro 集成了几个流行的 无头 CMS（headless CMS），并且允许你连接电子商务商店的购物车。

Astro 允许你在静态生成站点和服务器端渲染（SSR）之间进行选择，使其成为 SSG 或需要即时获取一些页面数据的网站的绝佳替代品。

我的项目设计应该如何改变？

根据你现有的项目，你可能需要从不同方面进行思考：

• 使用 Astro 群岛设计以避免向浏览器发送不必要的 JavaScript。

• 使用 客户端 <script> 标签 或 UI 框架组件提供客户端互动性。

• 使用 Nano Stores 或者 local storage 管理共享状态，而不是全局 hooks 或者包装类。