Уявіть: потрібно запустити документаційний портал на 5000 сторінок з мультимовністю, пошуком і швидким деплоєм. Динамічна CMS гальмуватиме, а збірка на Jekyll займає 10 хвилин. Ви обираєте Hugo — і перша збірка проходить за 3 секунди. Hugo написаний на Go, що дає блискавичну збірку: для проєкту з 10 000 сторінок інкрементальна збірка займає менше секунди, повна регенерація — менше 10 секунд. Ми пропонуємо розробку сайту на Hugo під ключ: від архітектури до CI/CD, з урахуванням ваших вимог щодо продуктивності та масштабування. За роки ми реалізували понад 50 проєктів на Hugo, тому знаємо всі підводні камені.
Проблеми, які ми вирішуємо
Повільна збірка. Типовий статичний сайт на Hugo збирається в 10–50 разів швидше за аналоги на Jekyll або Eleventy. Завдяки компіляції на Go та паралельній обробці сторінок. Для сайту з 10 000 сторінок повна регенерація займає менше 10 секунд. Мультимовність. Hugo підтримує i18n нативно — без плагінів. Налаштувати дві мови можна за 15 хвилин. Складний деплой. Ми налаштовуємо CI/CD (GitHub Actions, GitLab CI або Netlify) — після коміту сайт автоматично перезбирається та вивантажується в CDN.
Чому Hugo перевершує Jekyll та Eleventy?
Порівняємо ключові метрики:
| Параметр | Hugo | Jekyll | Eleventy |
|---|---|---|---|
| Мова | Go | Ruby | JavaScript |
| Час збірки (1000 сторінок) | 0.5–2 с | 30–60 с | 5–15 с |
| Вбудована i18n | Так | Ні (плагін) | Так (складніше) |
| Pipes (SCSS/JS/Img) | Так | Ні | Ні (через плагіни) |
| Багатопоточність | Так | Ні | Частково |
Hugo збирає 1000 сторінок у 30 разів швидше за Jekyll і в 10 разів швидше за Eleventy. Це дозволяє перебудовувати сайт при кожній зміні контенту без затримок.
Як налаштувати мультимовність у Hugo?
Є два підходи. За підпапками: в корені content/ створюються папки uk/, en/ тощо. У конфігурації:
defaultContentLanguage = "uk" [languages.uk] languageName = "Українська" weight = 1 [languages.en] languageName = "English" weight = 2 contentDir = "content/en" За суфіксом файлу: файл post.uk.md та post.en.md лежать в одній папці. Другий спосіб зручніший для невеликих проєктів. Рядки інтерфейсу зберігаються в i18n/uk.yaml та викликаються через {{ i18n "readMore" }}.
Із нашої практики: кейс документаційного порталу
Клієнту знадобився сайт для документації API на 2000 сторінок із версіонуванням (v1, v2) та пошуком через Meilisearch. Ми спроєктували архітектуру:
mysite/ ├── content/ │ ├── v1/ │ └── v2/ ├── data/ │ └── versions.yaml ├── layouts/ │ ├── _default/ │ │ └── baseof.html │ └── shortcodes/ │ └── api-endpoint.html ├── assets/ │ └── sass/ └── config/ └── _default/ Використали Hugo Pipes для збірки SCSS та JS, Image Processing для WebP-зображень. Пошук реалізували через статичний JSON-індекс, який Hugo генерує на етапі збірки. Деплой — GitHub Actions + S3 + CloudFront. Підсумкова швидкість завантаження сторінок — менше 0.5 с по всьому світу, а показники Core Web Vitals у зеленій зоні.
Як змінюється швидкість збірки залежно від обсягу?
Ось показники для різних розмірів проєкту:
| Кількість сторінок | Hugo | Jekyll | Eleventy |
|---|---|---|---|
| 100 | <0.1 с | 1–2 с | 0.5–1 с |
| 1000 | 0.5–2 с | 30–60 с | 5–15 с |
| 10000 | 5–10 с | 5–10 хв | 1–2 хв |
Навіть на 10 000 сторінок Hugo залишається в межах кількох секунд, що робить його ідеальним для великих контентних проєктів. Hugo оптимальний для: документаційних порталів, блогів, корпоративних сайтів, лендінгів. Не рекомендую для інтернет-магазинів із тисячами товарів та частими оновленнями — там потрібен динамічний backend. Також варто враховувати, що Hugo вимагає розробника для налаштування структури, тому не підійде командам без технічної підтримки.
Процес роботи
- Аналітика — вивчаємо контент, структуру, вимоги до продуктивності та SEO.
- Проєктування — створюємо схему таксономій, шаблонів та конфігурацію мультимовності.
- Реалізація — розробляємо шаблони, шорткоди, налаштовуємо Hugo Pipes та data-файли.
- Тестування — перевіряємо збірку, час завантаження, Core Web Vitals та роботу пошуку.
- Деплой — налаштовуємо CI/CD, HTTPS, CDN та моніторинг.
Що входить у роботу
- Розробка архітектури проєкту та кастомна тема (якщо потрібно).
- Налаштування мультимовності (до 5 мов).
- Інтеграція пошуку (Meilisearch, Lunr або Elasticlunr).
- Збірка та оптимізація асетів через Hugo Pipes.
- Деплой з CI/CD (Netlify, GitHub Actions або GitLab CI).
- Документація за структурою та інструкція для контент-менеджерів.
- Підтримка протягом місяця після запуску.
Наші інженери мають досвід роботи з Hugo з перших релізів, сертифіковані за Go-шаблонами. Ми гарантуємо, що підсумковий сайт пройде аудит Core Web Vitals та буде індексуватися пошуковиками без затримок.
Терміни орієнтовно
- Простий корпоративний сайт на готовій темі — від 5 до 7 днів.
- Розробка з нуля (архітектура + шаблони + мультимовність + CI/CD) — від 2 до 4 тижнів.
- Великий документаційний портал або новинний сайт із сотнями сторінок — від 1 до 2 місяців.
Точний термін і вартість розраховуються індивідуально після аудиту ваших вимог. Зв'яжіться з нами — оцінимо проєкт безкоштовно. Замовте розробку сайту на Hugo та отримайте консультацію без зобов'язань.
Hugo — генератор статичних сайтів з відкритим кодом, розроблений Стівом Френсісом. Детальніше в офіційній документації.