Розробка сайту на Umbraco: .NET 8, Headless, Multisite

Уявіть: .NET-команда отримує завдання побудувати корпоративний портал з мультисайтовою структурою, розмежуванням прав та headless API для мобільних застосунків. Вибір падає на Umbraco — CMS на ASP.NET Core з відкритим кодом. Але без правильної архітектури та налаштування продуктивності проєкт перетворюється на болото з постійними N+1 запитами та часом відгуку > 2 секунд. Ми стикалися з цим не раз і виробили підхід, який дає TTFB <200 мс на Umbraco 13.

Наприклад, нещодавно до нас звернулася компанія з мультисайтовою структурою (5 доменів) та headless-інтеграціями для мобільних застосунків. Після аудиту з'ясувалося, що на старому рішенні N+1 запити викликали лаги. Ми перепроєктували архітектуру, впровадили NuCache та Repository pattern — TTFB впав з 1.2 с до 180 мс, а навантаження на базу знизилося в 4 рази.

Чому Umbraco підходить для корпоративних сайтів?

Umbraco — CMS на .NET 8 з відкритим кодом. Працює на SQL Server або SQLite, підтримує кластеризацію. Добре підходить для корпоративних сайтів, порталів, multisite-інфраструктур — там, де замовник прив'язаний до Microsoft-стеку або потребує headless CMS з enterprise-можливостями. На відміну від WordPress, Umbraco надає strongly-typed моделі та вбудований headless Delivery API. Економія на ліцензіях порівняно з пропрієтарними CMS може сягати 70%. Наприклад, Sitecore коштує від $100 000 на рік, а Umbraco — безкоштовно (MIT-ліцензія).

За тестами, Umbraco з NuCache видає TTFB <200 мс, тоді як типова WordPress установка — 500–800 мс. Це досягається завдяки вбудованому кешуванню та генерації моделей на етапі компіляції.

Порівняння Umbraco з іншими CMS: WordPress, Sitecore, Drupal

Umbraco в 2–3 рази швидший за WordPress на стандартному хостингу та не вимагає ліцензійних відрахувань на відміну від Sitecore.

Архітектура та налаштування

Типова структура рішення:

MyProject/ ├── MyProject.Web/ ├── MyProject.Core/ └── MyProject.Tests/ 

Ключовий файл конфігурації — Program.cs, де підключаються всі компоненти:

// Program.cs
WebApplicationBuilder builder = WebApplication.CreateBuilder(args);
builder.CreateUmbracoBuilder()
    .AddBackOffice()
    .AddWebsite()
    .AddDeliveryApi()
    .AddComposers()
    .Build();
WebApplication app = builder.Build();
await app.BootUmbracoAsync();
app.UseUmbraco()
    .WithMiddleware(u =>
    {
        // ...
    })
    .WithEndpoints(u =>
    {
        // ...
    });
await app.RunAsync();

Для додавання сервісів використовуємо Composers. Приклад реєстрації сервісів та обробників:

public class SiteComposer : IComposer
{
    public void Compose(IUmbracoBuilder builder)
    {
        builder.Services.AddScoped<IArticleService, ArticleService>();
        builder.Services.AddScoped<ISitemapService, SitemapService>();
        builder.AddNotificationHandler<ContentPublishedNotification, SearchIndexHandler>();
    }
}

Strongly-typed моделі та headless API

Umbraco генерує моделі через ModelsBuilder. Використання в контролері:

public class ArticleController : RenderController
{
    [HttpGet]
    public IActionResult Index()
    {
        if (CurrentPage is not ContentModels.Article article)
            return NotFound();

        var viewModel = new ArticleViewModel
        {
            Title = article.Title,
            Body = article.Body,
        };

        return CurrentTemplate(viewModel);
    }
}

Для headless використовуємо Delivery API, який вмикається в appsettings.json:

{ "Umbraco": {
  "CMS": {
    "DeliveryApi": {
      "Enabled": true,
      "PublicAccess": true,
      "ApiKey": "your-api-key"
    }
  }
} }

Запити до API: GET /umbraco/delivery/api/v2/content?contentType=article.

Як налаштувати headless Delivery API? Покрокова інструкція

1. Увімкніть Delivery API в appsettings.json.
2. Задайте API-ключ, якщо потрібна авторизація.
3. В адмін-панелі позначте типи контенту, доступні через API.
4. Налаштуйте CORS для зовнішніх клієнтів.
5. (Опціонально) Увімкніть кешування на рівні CDN.

Процес розробки сайту на Umbraco

Терміни та обсяг робіт

Вартість розраховується індивідуально на основі обсягу робіт та складності інтеграцій. Отримайте консультацію для точної оцінки.

Що входить у результат

• Повністю налаштований Umbraco на вашому хостингу або в хмарі.
• Вихідний код (репозиторій Git) з архітектурою, готовою до масштабування.
• Документація за типами контенту та API.
• Навчання редакторів (до 4 годин).
• Гарантія 3 місяці на виявлені баги.
• Рекомендації щодо кешування та оптимізації продуктивності.

Наш досвід: понад 5 років розробки на Umbraco, реалізовано 15+ проєктів, середня оцінка клієнтів — 4.9/5. Використовуємо лише ліцензійне ПЗ та дотримуємося best practices. Зв'яжіться з нами для консультації — допоможемо підібрати оптимальне рішення.

Офіційна документація Umbraco: Umbraco CMS Documentation