https://github.com/laboratorynotices/astroghostwind

https://github.com/laboratorynotices/astroghostwind

Last synced: about 18 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/laboratorynotices/astroghostwind
• Owner: Laboratorynotices
• Created: 2022-10-03T14:04:26.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-09T16:15:20.000Z (about 2 years ago)
• Last Synced: 2023-07-15T20:23:50.778Z (over 1 year ago)
• Language: Astro
• Size: 324 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro + Tailwind.css (Ghostwind).

Страница пишется в учебных целях для освоения [**Astro**](https://astro.build/) на практике.

Чтобы страничка выглядила красивей решил использовать один из готовых шаблонов [Tailwind.css (Ghostwind)](https://github.com/tailwindtoolbox/Ghostwind/).  

[В моём блоге](https://laboratorynotices.wordpress.com/2022/10/02/%d1%81%d1%82%d1%80%d0%b0%d0%bd%d0%b8%d1%87%d0%ba%d0%b0-%d0%bd%d0%b0-astro/) пишу комментарии к коду, а так же описываю сам процесс разработки.

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

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/` |