Сайт · 2026

Бюро МЕЖА

Сайт архітектурного бюро на Astro: сторінки читають проєкти з headless CMS, редактор змінює тексти без повторного деплою.

garry-portman.site/mezhaLive

Архітектурне бюро

МЕЖА

Дім на схилі · Павільйон · Майстерня на Подолі

Astro · Headless CMS

Живий сайт: garry-portman.site/mezha

Задача

Бюро вело архів обʼєктів у файлах шаблону: щоб змінити опис проєкту або зняти його з публікації, треба було чіпати верстку й викладати сайт знову. Конструктор не давав нормального API, а важка CMS на кшталт Strapi не вміщалась у контур невеликого стенда. Потрібен був окремий шар контенту: публічний сайт з одного боку, редактор і REST — з іншого.

Результат

Редактор заходить у CMS, змінює проєкт або замітку — і публічна сторінка одразу читає новий текст. API віддає ті самі колекції окремо від верстки. Сайт можна відкрити в браузері й перевірити обидва боки: вітрину й адмінку.

Що зробив

  1. 01Зібрав публічний сайт бюро на Astro: головна, архів проєктів, замітки й контур студії
  2. 02Виніс контент у headless CMS зі сховищем і REST: проєкти, замітки, налаштування бюро
  3. 03Зробив кабінет редактора з сесією: чернетки, публікація, видалення без правки шаблонів
  4. 04Підключив сайт до CMS так, щоб сторінки не тримали тексти в розмітці
  5. 05Виклав стенд на VPS під /mezha разом із рештою кейсів

Стек

Astro · Headless CMS · TypeScript