Миграция существующего проекта на Astro

Готовы преобразовать свой сайт в Astro? Советы по миграции см. в наших руководствах.

Руководства по миграции

Заголовок раздела Руководства по миграции

• 

  Create React App

• 

  Docusaurus

• 

  Eleventy

• 

  Gatsby

• 

  GitBook

• 

  Gridsome

• 

  Hugo

• 

  Jekyll

• 

  Next.js

• 

  NuxtJS

• 

  Pelican

• 

  SvelteKit

• 

  VuePress

• 

  WordPress

Обратите внимание, что многие из этих страниц являются заглушками: они представляют собой коллекции ресурсов, которые ждут вашего участия!

Почему стоит мигрировать на Astro?

Заголовок раздела Почему стоит мигрировать на Astro?

Astro предоставляет множество преимуществ: производительность, простота и множество нужных вам функций, встроенных прямо во фреймворк. Когда вам понадобится расширить свой сайт, Astro предоставляет несколько официальных и сторонних интеграций сообщества.

Миграция может быть проще, чем вы думаете!

В зависимости от существующего проекта, вы можете использовать существующие:

• UI компоненты фреймворка (EN) непосредственно в Astro.

• CSS стили или библиотеки (EN) включая Tailwind.

• Markdown/MDX файлы, настроенные с использованием ваших существующих remark and rehype плагинов.

• Контент из CMS через интеграцию или API.

Какие проекты можно конвертировать в Astro?

Заголовок раздела Какие проекты можно конвертировать в Astro?

Многие существующие сайты можно создать с помощью Astro. Astro идеально подходит для ваших существующих сайтов на основе контента, таких как блоги, целевые страницы, маркетинговые сайты и портфолио. Astro интегрируется с несколькими популярными headless CMS и позволяет подключать корзины интернет-магазинов.

Astro позволяет выбирать между статически генерируемым сайтом и рендерингом на стороне сервера (SSR) (EN), что делает его отличной заменой для SSG или для сайтов, которые должны получать некоторые данные страницы на лету.

Как изменится дизайн моего проекта?

Заголовок раздела Как изменится дизайн моего проекта?

В зависимости от вашего существующего проекта, вам может потребоваться мыслить иначе в отношении:

• Проектирование в Astro Islands чтобы избежать отправки ненужного JavaScript в браузер.

• Предоставление интерактивности на стороне клиента с помощью тегов <script> на стороне клиента или компонентов UI фреймворка (EN).

• Управление общим состоянием (EN) с помощью Nano Stores или локального хранилища вместо хуков или оберток приложений.