Umbraco 17 – Del 1: Vi går igenom nyheterna

Nytt och fräscht Backoffice

Redaktörsläget i Umbraco, som vi brukar kalla backoffice, är nu helt ombyggt. Men du kan vara lugn, det fungerar och ser till största delen ut som tidigare. Det är under huven som det mesta har hänt.

Det gamla AngularJS-baserade backoffice har ersatts av Web Components byggda med Lit. Det betyder att backoffice nu vilar på en modern, framtidssäker frontend-stack. För utvecklare innebär det att egna dashboards, datatyper och andra komponenter kan byggas med modern teknik i stället för gammal AngularJS.

Umbraco har samtidigt passat på att skruva på prestanda, tillgänglighet och detaljer i UI:t, så backoffice upplevs rappare och mer enhetligt än tidigare. Backoffice bygger nu på Umbraco Management API, samma API som vi utvecklare kan använda. Det gör det mycket enklare att bygga egna verktyg, automatiseringar och integrationer runt Umbraco.

Hejdå TinyMCE, Hej TipTap

En ny trevlig bekantskap är TipTap. Det har inget med tomtar eller jul som namnet kanske antyder, utan det är en ny texteditor i backoffice!

Bakgrunden är att TinyMCE bytte licensmodell, vilket gjorde att Umbraco HQ inte längre kunde uppgradera till de senaste versionerna och samtidigt behålla Umbraco som helt öppen källkod. I stället passade man på att se över alternativen och valet landade till slut på TipTap. Den introducerades i Umbraco 15 och är från och med Umbraco 16 standardeditorn för Rich Text Editor (RTE).

Vad är bra med TipTap?

TipTap är byggd på ett modernt ramverk och är enkel att konfigurera efter hur du vill jobba. Du kan styra vilka knappar som ska finnas, hur verktygsraderna ser ut och vilka småhjälpmedel som visas längst ner.

En stor förbättring är också att den hanterar formateringar bättre när du klistrar in text från till exempel Word och Google Docs. Du slipper mycket av den konstiga HTML:en och onödiga stilar, vilket gör att innehållet blir renare och upplevelsen för redaktören smidigare.

Det finns dessutom flera inbyggda nice-to-have-funktioner, till exempel “Character/Word counter” i statusraden. Umbraco HQ fortsätter också att bygga vidare med bland annat bättre tabellstöd och fler möjligheter att lägga till egna extensions i editorn, så TipTap kommer bara bli bättre över tid.

När du uppgraderar till Umbraco 17 så sker bytet från den TinyMCE-baserade Rich Text Editor till den TipTap-baserade automatiskt. Själva textinnehållet migreras också, så du behöver alltså inte sitta och klippa och klistra innehåll manuellt.

Det finns fortfarande möjlighet att använda TinyMCE om du absolut vill, till exempel om du har investerat i TinyMCE Premium-plugins. Då görs det via ett separat paket och en egen TinyMCE-licens, eftersom TinyMCE inte längre följer med Umbraco Core.

AI med Umbraco MCP

Vad vore en produktuppdatering 2025 utan AI? I det här fallet handlar det faktiskt om något genuint nytt. Under 2025 lanserade Umbraco den officiella Umbraco MCP Server, ett fristående verktyg som kopplar ihop din Umbraco-installation med moderna textredigerare (till exempel Visual Studio, Rider, Cursor) via standarden Model Context Protocol (MCP).

Genom MCP-servern kan en AI-modell prata med Umbracos Management API, alltså samma API som backoffice använder bakom kulisserna. Det gör att AI på ett kontrollerat sätt kan läsa, skapa och uppdatera innehåll i ditt CMS, baserat på de rättigheter du ger en särskild API-användare. Till exempel kan den skapa och uppdatera innehåll, jobba med media, justera dokumenttyper och mycket mer.

I dag är Umbraco MCP tydligt riktat till utvecklare. Det är tänkt att köras tillsammans med utvecklarverktyg och AI-klienter, där du kan prata med din Umbraco-installation i stället för att klicka runt i backoffice. Men på sikt lär vi se redaktörsvänliga funktionalitet som använder samma teknik, kanske till och med inbyggt i backoffice. Men just nu är fokus att hjälpa utvecklare.

Exempel på vad du kan använda Umbraco MCP till:

• Skapa 10 stycken testnyheter med realistisk rubrik, ingress och brödtext.
• Skapa och översätta Dictionary Items mellan flera språk.
• Hitta sidor där viktiga SEO-fält saknas och få förslag på vad de kan fyllas med.
• Listan är lång!

Nytt söklager med Umbraco Search

I samband med Umbraco 17 har Umbraco börjat tänka om kring hur sök ska fungera framöver. I stället för att allt är hårt knutet till Examine finns det nu ett nytt söklager, Umbraco Search, som lägger ett gemensamt API ovanpå själva sökmotorn.

Det betyder att du kan bygga din sökfunktion mot ett och samma API men välja sökprovider efter behov. Examine är fortfarande standard men för mer avancerade scenarier går det att koppla på externa söktjänster som till exempel Elasticsearch.

Men du får också mycket mer på köpet med nya Umbraco Search, bland annat:

• Stöd för facettering till exempel på tal, datum och nyckelord.
• Stöd för språkvarianter så att söket kan ta hänsyn till Umbracos olika kulturer och språk.
• Stöd för skyddat innehåll så att sökresultaten respekterar inloggning och behörigheter.

Kort sagt: där du tidigare i praktiken var låst till att bygga direkt mot Examine, kan du nu använda den sökprovider du vill, bakom ett gemensamt API. Samtidigt får du mer sökfunktionalitet inbyggt i Umbraco och en tydligare modell att bygga vidare på.

Byggd på sprillans nya .NET 10

Umbraco 17 är byggt på .NET 10 (LTS) och stödjer C# 14. Den förra LTS-versionen, Umbraco 13, körde på .NET 8 (LTS). Umbracos LTS-släpp är synkade med Microsofts .NET LTS, så när en ny .NET LTS kommer följer en ny Umbraco LTS strax efter.

Men vad innebär .NET 10 i praktiken? Jo, Microsoft har gjort förbättringar bakom kulisserna som lyfter hela plattformen, vilket ger bättre prestanda, säkerhet och stabilitet utan att du behöver göra några ändringar i ditt projekt.

Är du ännu mer nyfiken så rekommenderar jag att läsa Microsofts Stephen Toubs blogginlägg där han går igenom i detalj alla prestandaförbättringarna i .NET 10.

Möjlighet att lastbalansera backoffice

Tidigare har det varit möjligt att lastbalansera själva webbplatsen, men inte backoffice. Den delen har i praktiken behövt ligga på en egen instans.

Med Umbraco 17 öppnas möjligheten att lastbalansera även backoffice. Perfekt för större sajter som behöver kunna skala ut och få bättre driftsäkerhet och redundans.

Detta och mycket mer

Det här är bara en liten del av allt som finns i Umbraco 17. Totalt finns över 200 nya features, stora som små, jämfört med Umbraco 13.

Här är några andra guldkorn:

• Block-Level Variations: Möjligheten att kunna ha samma block på flera olika språk.
  
• API Client Credentials: Kunna skapa upp dedikerade API-användare.
  
• Förbättrad datum/tid-hantering i backoffice: Bättre hantering av tidzoner och visning för redaktörerna.
• Ny ombyggd cache med Hybrid Cache: En ny cache-arkitektur som ger bättre prestanda.
• ... Och mycket, mycket mer!

Hela listan hittar du här.

👉 Läs mer om vårt erbjudande inom Umbraco.

👉 Visste du att vi är Umbraco Platinum Partner? Läs mer om det här.