🧩 Завдання
Створити сучасний веб-сайт для школи, який би:
Представляв інформацію про школу та її освітні програми.
Дозволяв легко додавати/редагувати контент без залучення розробників.
Автоматично сповіщав про нові запити з сайту через Telegram.
Мав шаблонну структуру для сторінок курсів, щоб швидко масштабувати освітні продукти.
🛠 Рішення
Розроблено односторінковий застосунок (SPA) на базі Next.js + TypeScript з:
Інтеграцією зі Storyblok CMS, що дає повний контроль над контентом (сторінки, курси, секції, тексти, зображення).
Динамічним шаблоном для сторінки курсу, що дозволяє створювати окрему сторінку під кожну навчальну програму без додаткового коду.
Telegram-ботом, який автоматично надсилає повідомлення про нові заявки або повідомлення з сайту (наприклад, контактна форма).
Адаптивним дизайном, який забезпечує зручність перегляду як з десктопів, так і з мобільних пристроїв.
⚙ Функціонал
Головна сторінка з динамічними блоками.
Шаблонна сторінка курсу (
[slug]) з кастомним вмістом.Контактна форма з інтеграцією у Telegram.
Повна підтримка редагування контенту через Storyblok без перезборки застосунку.
🚀 Використані технології
Next.js 15 / App Router
TypeScript
Storyblok CMS
Telegram Bot API
Vercel (для деплою)
📈 Результати
⚡ Повна автономія клієнта — зміни в контенті можна вносити напряму в CMS.
📲 Telegram-сповіщення скорочують час відповіді на заявки з сайту.
🧱 Уніфіковані шаблони курсів дозволяють швидко запускати нові сторінки з унікальним змістом.
💡 Модульна архітектура полегшує підтримку та розвиток проєкту.