Astro + Tailwind.css (Ghostwind).

Страница пишется в учебных целях для освоения Astro на практике.

Чтобы страничка выглядила красивей решил использовать один из готовых шаблонов Tailwind.css (Ghostwind).

В моём блоге пишу комментарии к коду, а так же описываю сам процесс разработки.

Было рассмотренно

1. Установка минимального пакета, создание связей с Tailwind.css
2. Запуск сервера для разработки
3. Разбивка кода на несколько компонентов, передача параметров в дочерние компоненты
4. Условное отображение части кода
5. Многократное отображение кода при помощи цикла
6. Получать сторонние JSON-данные
7. Генерация серий однотипных страниц (getStaticPaths())
8. Резервирование несколько мест в шаблоне для данных (именные slot)

Команды

Все команды запускаются в терминале в основной папке проекта:

Команда	Действие
npm install	Установка зависимостей
npm run dev	Запуск сервера для разработки по адресу localhost:3000
npm run build	Build your production site to ./dist/