● Матриця stack
Що таке «stack» простою мовою
Stack — інструменти, що збирають, хостять і підтримують сайт. Невірний stack = дороге обслуговування. Вірний = дешево і швидко.
За замовчуванням 2026: простий сайт → Astro + Cloudflare Pages + Markdown. Застосунки з входом → Next.js 15+ на Vercel. Магазин → Shopify. GSC обовʼязковий для Google; TikTok опційний.
● Дефолти 2026
Філософія stack — коли що обирати
S-01
Простий сайт
Astro 5 + Cloudflare Pages + Markdown. Сантехнік, юрист, кафе.
S-02
Застосунок з входом
Next.js 15+ на Vercel. Квитки, SaaS, дашборди.
S-03
Магазин
Shopify спочатку. Свій кошик — коли revenue виправдовує розробку.
S-04
TikTok vs GSC
Спочатку GSC — безкоштовний трафік з Google. TikTok — коли можеш знімати роботу щотижня.
S-05
Яндекс
Метрика + Вебмастер, якщо клієнти RU/UA/BY. Пропусти для чистого Google PL.
● Матриця stack
Що таке «stack» простою мовою
Stack — інструменти, що збирають, хостять і підтримують сайт. Невірний stack = дороге обслуговування. Вірний = дешево і швидко.
| Інструмент | Категорія | Простими словами | Бери коли | AI | Рівень | Ціна |
|---|---|---|---|---|---|---|
| Astro | Збирач сайту (код) | Швидкі статичні сторінки. Як брошура, але код ваш. | Сантехнік, юрист, кафе — прості сайти послуг | Відмінно — проста структура, AI рідко ламає build | Новачок | Безкоштовно |
| Next.js | Збирач сайту (код) | Повноцінний фреймворк. Для сайтів, що працюють як програма. | Квитки, SaaS, дашборди, авторизація | Дуже добре — величезна документація, але AI може over-engineerити простий сайт | Середній | Низький |
| Cloudflare Pages | Де сайт живе в інтернеті | Безкоштовний хостинг для Astro/статики. Швидко по всьому світу. | За замовчуванням для простих бізнес-сайтів | — | Новачок | Безкоштовно |
| Vercel | Де сайт живе в інтернеті | Хостинг під Next.js. Превʼю при кожній зміні. | Next.js застосунки, SaaS, квитки | — | Середній | Низький |
| Markdown files | Як правити текст | Текстові файли правите в Cursor або GitHub. Без адмінки. | Маленькі сайти, один редактор, мало підтримки | — | Новачок | Безкоштовно |
| Shopify | Платформа магазину | Готовий інтернет-магазин. Товари, кошик, оплата з коробки. | Продаж товарів без програмування кошика | — | Новачок | Середній |
| Supabase | Зберігання даних | Онлайн-база + вхід. Як таблиця Excel, але для застосунків. | Квитки, бронювання, акаунти | — | Середній | Низький |
| Streamlit | Збирач сайту (код) | Швидкі внутрішні панелі на Python. Не для публічних сайтів. | Внутрішні звіти, інструменти для команди | — | Середній | Низький |
| Stripe | Прийом оплати | Оплата карткою у своєму застосунку. Потрібне налаштування. | SaaS-підписки, власний продаж квитків | — | Просунутий | Низький |
| n8n | Боти й скрипти | Звʼязує сервіси візуально. Пошта → таблиця → Telegram. | Форма → CRM → сповіщення | — | Середній | Низький |
| Google Analytics 4 | Хто заходить і що робить | Безкоштовна статистика Google: візити, сторінки, звідки прийшли. | Безкоштовна аналітика за замовчуванням, воронки й звʼязок з Google Ads | — | Новачок | Безкоштовно |
| Plausible | Хто заходить і що робить | Проста приватна статистика. Один скрипт, чиста панель. | Новачок, якому потрібні цифри без складності GA4 | — | Новачок | Низький |
| Umami | Хто заходить і що робить | Open-source аналітика на своєму сервері. Як Plausible, DIY. | Privacy-first сайти, якщо є хто підніме маленький сервер | — | Середній | Безкоштовно |
| Yandex Metrica | Хто заходить і що робить | Аналітика Яндекса. Обовʼязкова для аудиторії RU/UA/BY. | Сайт російською або клієнти з СНД | — | Новачок | Безкоштовно |
| Microsoft Clarity | Хто заходить і що робить | Безкоштовні heatmap і записи сесій. Де люди зляться й клікають. | Відладка незрозумілих форм і вёрстки після запуску | — | Новачок | Безкоштовно |
| PostHog | Хто заходить і що робить | Аналітика + feature flags + replay для продуктових застосунків. | SaaS і застосунки з відстеженням user journey | — | Середній | Низький |
| Google Ads | Платний трафік | Платиш Google за показ сайту, коли шукають твою послугу. | Локальний пошук з intent після сайту + GSC | — | Новачок | Середній |
| Meta Ads | Платний трафік | Реклама Facebook і Instagram. Добра для візуальних послуг і ретаргету. | Салон, ремонт, їжа — все фотогенічне | — | Новачок | Середній |
| TikTok Ads | Платний трафік | Платний охоплення в TikTok. Лише після того як органіка показала відгук. | Молода аудиторія, візуальні професії, вірусні офери | — | Новачок | Середній |
| Yandex Direct | Платний трафік | Платний пошук Яндекса. Аналог Google Ads для RU/UA/BY. | Ринок СНД з часткою пошуку Яндекса | — | Новачок | Середній |
| TikTok Business | Соцмережі та локальна присутність | Бізнес-акаунт TikTok з аналітикою й посиланням на сайт у bio. | Робочі професії, їжа, beauty — показ реальної роботи за 15–30 сек | — | Новачок | Безкоштовно |
| Соцмережі та локальна присутність | Фото-портфоліо + Stories + Reels. Перевикористай ролики з TikTok. | Візуальні бренди, локальні послуги, кросс-пост з TikTok | — | Новачок | Безкоштовно | |
| Google Business Profile | Соцмережі та локальна присутність | Точка на Google Maps з телефоном, годинами, відгуками. Безкоштовні ліди. | Будь-який локальний бізнес з адресою або зоною виїзду | — | Новачок | Безкоштовно |
| Google Search Console | Інструменти індексації | Безкоштовний інструмент Google: чи проіндексований сайт, які запити дають кліки. | Кожен публічний сайт, який має бути в Google | — | Новачок | Безкоштовно |
| Bing Webmaster | Інструменти індексації | Те саме що GSC, але для Bing. Імпорт з GSC одним кліком. | Додаткова видимість у пошуку за 10 хвилин | — | Новачок | Безкоштовно |
| Yandex Webmaster | Інструменти індексації | Інструмент індексації Яндекса. Аналог GSC для пошуку Яндекса. | Російськомовні сайти та аудиторія СНД | — | Новачок | Безкоштовно |
| Remix | Вибір фреймворку 2026 | Фреймворк під форми й швидке завантаження даних. Сайти-застосунки. | Застосунки з формами, дашборди з серверними даними | Добре — менша спільнота ніж Next.js, AI може галюцинувати API | Середній | Низький |
| SvelteKit | Вибір фреймворку 2026 | Швидкі легкі сайти й застосунки. Менше boilerplate ніж React. | Застосунки чутливі до швидкості, якщо команда знає Svelte | Помірно — зростає підтримка AI, менше відповідей на SO | Середній | Низький |
| Nuxt | Вибір фреймворку 2026 | Фреймворк на Vue. Сильний для контент-сайтів і EU-агентств. | Команда на Vue, мультимовний контент, маркетингові сайти | Добре для Vue — AI знає Vue 3, Nuxt 4 менше ніж Next | Середній | Низький |