Umbraco Modern Development (v14+)

Architecture Overview

Umbraco 14+ uses a modern architecture:

• Backoffice: Lit-based web components
• API: Content Delivery API and Management API
• Caching: HybridCache (v15+)
• .NET: 8.0+ (9.0 for v15, 9.0/10.0 for v16)

Lit Property Editor

Basic Property Editor

// App_Plugins/MyPackage/property-editors/color-picker.element.ts
import { LitElement, html, css, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/property-editor';
import { UmbPropertyValueChangeEvent } from '@umbraco-cms/backoffice/property-editor';