Завдання
Замовнику потрібен був сайт, який легко оновлювати самостійно, без звернень до розробника щоразу, коли змінюється розклад чи з'являється новина.
Для такого сайту це складніше, ніж здається:
- розклад подій регулярний, але має винятки: святкові дні, зміни часу, окремі дати;
- аудіо- й відеозаписи потрібно публікувати зі зручним плеєром;
- на сайті є кілька спільнот і напрямів, і кожен потребує своєї сторінки;
- новини часто готуються заздалегідь і мають виходити в певний день;
- над сайтом працюють кілька людей, тому потрібні окремі акаунти з запрошеннями.
Конструктори сайтів дають базові сторінки, але не мають розкладу з винятками, розділів персоналій чи керування спільнотами. Також хотілось бачити, як відвідувачі користуються сайтом, без складних сторонніх інструментів. І все це мало бути зрозумілим для людей без технічної підготовки, які щодня ведуть сайт і не повинні розбиратись у коді.
Що ми зробили
Ми розробили сайт і адмінку на Next.js 16, React 19, Tailwind CSS v4 і Supabase з розгортанням на Vercel. За червень-серпень 2026 у проєкті 325 комітів, 27 екранів і 33 API.
Публічна частина
- сторінка про організацію;
- новини;
- розклад подій;
- медіатека з вбудованим плеєром;
- сторінки спільнот;
- галерея.
Адмінка
- новини з редактором і відкладеною публікацією;
- керування сторінками;
- розклад з винятками для святкових і особливих днів;
- медіатека, спільноти й галерея;
- розділи персоналій;
- користувачі з запрошеннями;
- налаштування сайту;
- власна аналітика: сесії й події;
- карта.
Адмінку ми зробили під конкретні задачі замовника, тому кожен розділ відповідає тому, що реально потрібно оновлювати. Людина, яка веде сайт, не має справи із зайвими налаштуваннями.
Результат
Замовник отримав сайт і повноцінну адмінку, у якій команда сама керує новинами, розкладом, медіатекою, спільнотами й галереєю. Новину можна підготувати заздалегідь і запланувати на потрібний день, а зміну в розкладі на святковий день внести як виняток, не переписуючи весь розклад.
Що це дає:
- вміст оновлюється без розробника;
- кілька людей працюють у своїх акаунтах, нових додають через запрошення;
- аудіо- й відеозаписи доступні з плеєром прямо на сайті;
- власна аналітика показує сесії й події без сторонніх сервісів.
Цифр відвідуваності ми не наводимо, бо мета проєкту - зручний інструмент для команди, яка веде сайт, а не рекламна кампанія.
Чим проєкт особливий
Більшість подібних сайтів зроблені на конструкторах або шаблонах, де розклад - це просто текст, а медіа - посилання на сторонні платформи. Тут розклад має структуру з винятками, медіатека має власний плеєр, а персоналії й спільноти мають свої розділи в адмінці.
Обсяг проєкту, 27 екранів і 33 API, порівнянний з бізнес-системами, хоча користуються ним люди без технічної підготовки. Саме тому основну увагу ми приділили простоті адмінки.
Опубліковано: · Оновлено: