# Дашборд AfterPack

Що показує дашборд AfterPack, як він організований і які збірки в ньому з'являються.

Source: https://www.afterpack.dev/uk/docs/dashboard

Дашборд показує, що зробили ваші збірки **Pro Cloud**. Він безкоштовний для кожного зареєстрованого облікового запису і відстежує, чи запускалася збірка, скільки вона коштувала, яку частину вашого коду перетворила і яку діагностику видала.

Для роботи з AfterPack вона не потрібна: [`npx afterpack@latest dist/`](https://www.afterpack.dev/uk/docs/cli#usage) виконується повністю на вашій машині, захищає ваш бандл і нікуди нічого не надсилає.

## Що з'являється в дашборді

| Збірка | З'являється в дашборді |
| --- | --- |
| Локальна збірка Free (`npx afterpack@latest`, [плагін](https://www.afterpack.dev/uk/docs/frameworks) без ключа) | Ні. Вона ніколи не звертається до AfterPack, тож показувати нема чого. |
| [Збірка Pro Cloud](https://www.afterpack.dev/uk/docs/deployment-modes) (розпізнано [`AFTERPACK_key`](https://www.afterpack.dev/uk/docs/config#key), файли надіслано до хмарного рушія) | Так. Один рядок на збірку, з її метриками, вартістю та діагностикою. |
| Збірка Pro Cloud з увімкненим збереженням [Protection Map](https://www.afterpack.dev/uk/docs/protection-map) | Так, а також збережена мапа, яку можна відкрити й читати на рівні токенів. |
| Збірка, що завершилася помилкою | Може надсилатися анонімна телеметрія збою без вихідного коду (вимкнути можна через [`AFTERPACK_telemetry_enabled=false`](https://www.afterpack.dev/uk/docs/config#telemetry-enabled)), але рядок збірки вона не створює. |

Якщо збірки не з'являються, найімовірніше, це були локальні збірки. Див. [API-ключі](https://www.afterpack.dev/uk/docs/dashboard/api-keys).

## Вхід

Увійдіть на [afterpack.dev/login](https://www.afterpack.dev/uk/login) одним зі способів:

- **Magic link**. Введіть свій email і перейдіть за посиланням, яке надійде. Жодного пароля, яким треба керувати.
- **Google Sign-In**. Один клік, той самий обліковий запис.

Обидва способи відкривають робочий простір, у якому ви працювали востаннє. Реєстрація безкоштовна і створює [робочий простір](https://www.afterpack.dev/uk/docs/dashboard/workspaces) із проєктом `Default`.

## Як вона організована

Два рівні, і саме їм відповідають два селектори на бічній панелі: **робочий простір** угорі, **проєкт** під ним.

| Рівень | Що містить | Сторінки |
| --- | --- | --- |
| [Робочий простір](https://www.afterpack.dev/uk/docs/dashboard/workspaces) | Підписку, ліміт у MB, учасників, проєкти | Огляд, Оплата, Налаштування |
| [Проєкт](https://www.afterpack.dev/uk/docs/dashboard/workspaces#projects) | Збірки, які створює один [API-ключ](https://www.afterpack.dev/uk/docs/dashboard/api-keys), та їхні Protection Map | Огляд, Збірки, API-ключі, Налаштування проєкту |

Усередині збірки бічна панель вкладає інші збірки цього проєкту під пунктом **Збірки**, тож дві збірки можна порівняти, не повертаючись до списку.

Пункт меню [**Оплата**](https://www.afterpack.dev/uk/docs/dashboard/usage) показує значок статусу, коли щось потребує уваги: *Пробний період*, *Прострочено*, *Заблоковано* (право доступу закінчилося, збірки зупинено) або *Ліміт* (ліміт тарифу вичерпано).

## Що тут робити

1. **[Створіть API-ключ](https://www.afterpack.dev/uk/docs/dashboard/api-keys)**: він перетворює локальні збірки на збірки Pro Cloud і наповнює все інше.
2. **[Читайте збірку](https://www.afterpack.dev/uk/docs/dashboard/builds)**: покриття, роздування, складність, час збірки, діагностика і Protection Map, якщо її збережено.
3. **[Організуйте роботу в проєкти](https://www.afterpack.dev/uk/docs/dashboard/workspaces)** і запросіть людей, яким потрібно це бачити.
4. **[Стежте за використанням і керуйте тарифом](https://www.afterpack.dev/uk/docs/dashboard/usage)**: скільки MB враховано, скільки залишилося і скільки коштує завантажений місяць.

## Далі

- [Робочі простори та проєкти](https://www.afterpack.dev/uk/docs/dashboard/workspaces): об'єкти, до яких прив'язано все інше.
- [Збірки](https://www.afterpack.dev/uk/docs/dashboard/builds): запис про кожну збірку і як його читати.
- [API-ключі](https://www.afterpack.dev/uk/docs/dashboard/api-keys): створення, обмеження та відкликання.
- [Використання та оплата](https://www.afterpack.dev/uk/docs/dashboard/usage): лічильник, пули і тариф.
- [Облікові записи](https://www.afterpack.dev/uk/docs/accounts): навіщо потрібен обліковий запис і сторінка вашого облікового запису.
- [Тарифи](https://www.afterpack.dev/uk/docs/tiers): ліміт і обмеження на кількість проєктів для кожного тарифу.