Начало работы с Astro

20.03.2024

Astro революционизирует способ создания статических веб-сайтов. Благодаря инновационному подходу к веб-разработке, вы можете создавать невероятно быстрые сайты без JavaScript по умолчанию.

Почему стоит выбрать Astro?

Astro предлагает несколько убедительных преимуществ:

Без JavaScript по умолчанию: Ваши страницы загружаются невероятно быстро
Островки компонентов: Используйте любой фреймворк (React, Vue, Svelte и др.)
Создан для скорости: Оптимизированный процесс сборки
Отличный DX: Превосходный опыт разработчика с горячей перезагрузкой

Начало работы

Чтобы создать свой первый проект Astro, выполните:

npm create astro@latest

Следуйте подсказкам, и у вас будет работающий сайт Astro за считанные минуты!

Базовая структура проекта

my-astro-project/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── public/
└── astro.config.mjs

Ваша первая страница

Создайте файл src/pages/index.astro:

---
const title = "Мой сайт Astro"
---
<html>
  <head>
    <title>{title}</title>
  </head>
  <body>
    <h1>Добро пожаловать в Astro!</h1>
  </body>
</html>

Следующие шаги

Изучите компонентную систему Astro
Узнайте о коллекциях контента
Попробуйте разные UI фреймворки
Разверните сайт в продакшн

Счастливого кодинга с Astro! 🚀