Hoppa till huvudinnehållet
Webbutveckling av e-handel

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

Umbraco 17 är äntligen här och den nya LTS-versionen kommer med flera stora förändringar under huven. I den här första delen går vi igenom de viktigaste nyheterna: ett helt ombyggt backoffice, den nya TipTap-editorn, AI-stödet med MCP och andra förbättringar som gör Umbraco modernare, snabbare och smidigare att jobba i.

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 använtbart. I November 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!

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.

Läs mer

Se alla våra nyheter

Johan

Nyhet

Från Optimizely till Umbraco CMS – LRF:s plattformsresa

När Lantbrukarnas Riksförbund (LRF) bestämde sig för att byta webbplattform handlade det om både kostnader, funktionalitet och framtida behov. Valet föll på Umbraco – en lösning som idag ger organisationen mer flexibilitet och en smidigare vardag.

DSC01233

Nyhet

Vi är den enda svenska byrån som är nominerade till Umbraco Awards fyra år i rad!

För fjärde året i rad är vi på Toxic nominerade till Umbraco Awards och vi är den enda svenska byrån med den bedriften. Denna gång i kategorin “Best Cloud Solution” med webblösningen för NordGen – ett projekt där fokus legat på redaktionell frihet, effektivt arbetsflöde och långsiktig hållbarhet.

Toxic Säljpitch 13

Blogg

Att byta från Optimizely till Umbraco – därför väljer fler företag att ta steget

Funderar ni på om ert nuvarande CMS är värt kostnaden? Ni är inte ensamma. Allt fler företag ser över om de verkligen använder all funktionalitet de betalar för och väljer att byta från licensbaserade plattformar som Optimizely till open source-alternativ som Umbraco. Kalle Ekstrand, grundare på Toxic och försäljningschef, berättar varför det steget ofta blir ett lyft för både teamet och affären.

Autumn 25 257

Blogg

Automatisera publiceringen av rapporter och pressmeddelanden

Många bolag publicerar fortfarande rapporter och pressmeddelanden genom att ladda upp och kopiera in dem för hand på webben. Det tar tid och i ett flöde där både klockslag och siffror räknas ökar risken för fel. Här förklarar vi hur en integration mellan webben och systemet för finansiell information fungerar och vad den gör för IR-arbetet.

IMG 3653

Blogg

Ett bolag i taget: så flyttar ni koncernens webbar till en plattform stegvis

Att flytta alla bolag till en ny plattform samtidigt kan kännas som ett övermäktigt projekt. Många koncerner gör det därför stegvis. Här beskriver vi hur en stegvis flytt kan planeras och vad som är viktigt att tänka på.

Bildbank 2025 1 076

Blogg

Listbyte till huvudlistan: vad betyder det för webbplatsen?

När ett bolag flyttar från en tillväxtmarknad som First North eller Spotlight till Nasdaq Stockholms huvudlista ökar kraven på transparens, rapportering och bolagsstyrning. Det märks även på webben. Här beskriver vi vad som förändras och hur ni kan förbereda webbplatsen inför ett listbyte.

Autumn 25 086

Blogg

Dags att byta plattform? Tecken på att destinationens webb har gjort sitt

Många destinationer har en webbplats som byggdes för flera år sedan. Den fungerar men varje förändring tar tid och kostar pengar. Här går vi igenom vanliga tecken på att det är dags att byta plattform och vad ett byte kan ge.

Arbete på webbyrå vid whiteboardtavla

Blogg

Därför ska bokningssystemet och webben prata med varandra

En destination använder ofta flera system samtidigt. Boende bokas i ett system, biljettköp eller aktiviteter i ett annat och uppgifterna om gästerna finns i ett tredje. När systemen inte är kopplade till varandra blir informationen på webben fel eller måste flyttas för hand. Här förklarar vi vad en integration innebär och vad den gör för både gästen och personalen.

ISABERG VINTER 210212 3436 HIGHRES

Blogg

Från vinter till sommar: en webbplats som anpassas för rätt säsong

För många destinationer vänder verksamheten flera gånger per år. Skidbacken blir cykelpark och badsäsongen övergår i konferenssäsong. Webbplatsen behöver hänga med i varje omställning utan att en utvecklare måste kopplas in varje gång. Här går vi igenom vad som brukar ändras mellan säsongerna och hur en flexibel webb gör bytet enklare för redaktörerna.

Toxic GBG Bildbank 240424 LOW 53

Blogg

Därför tappar ni besökare på vägen till bokning och hur ni får fler att boka direkt

Många som besöker en destinations webbplats har redan bestämt sig för att åka dit. De har läst om aktiviteterna och jämfört boenden men lämnar ändå sidan utan att boka. Ofta beror det på att vägen till bokning har för många steg eller känns osäker. I det här inlägget går vi igenom vanliga orsaker till att besökare hoppar av och hur ett tydligare bokningsflöde får fler att boka direkt hos er.

Toxic GBG Bildbank 240424 LOW 3

Blogg

Central styrning, lokal frihet: vem bestämmer vad på koncernens webbar?

När många bolag delar plattform uppstår nya frågor. Vem får ändra vad och vilket innehåll ska styras centralt? Här beskriver vi hur koncerner kan organisera redaktörsarbetet så att det blir både effektivt och tryggt.

Toxic Bildbank 240418 29

Blogg

Mall eller skräddarsytt? Två vägar för koncernens webbplatser

Alla bolag i en koncern har inte samma behov. Ett mindre dotterbolag behöver kanske en enkel webbplats som snabbt kommer på plats medan ett större bolag kan behöva en helt egen lösning. I detta blogginlägget beskriver vi hur koncerner kan kombinera en gemensam mall med skräddarsydda lösningar.

Autumn 25 189

Blogg

Efter noteringen: så förvaltar du IR-webben i vardagen

Noteringsdagen är bara början. Sedan följer kvartalsrapporter, årsstämmor, pressmeddelanden och förändringar i ledningen, år efter år. En IR-webb som var klar i tid men är krånglig att förvalta blir snabbt en belastning. I detta blogginlägg går vi igenom hur IR-året brukar se ut och vad som gör förvaltningen enkel.

Autumn 25 097

Blogg

Nytt bolag i koncernen: så kommer webben på plats utan att börja om

Varje förvärv väcker samma fråga: vad gör vi med webbplatsen? Utan en gemensam grund blir svaret ofta ett nytt webbprojekt från början. Här beskriver vi hur en gemensam plattform gör det snabbare och billigare att ansluta nya bolag.

Autumn 25 205

Blogg

IR-webb på två språk: därför behöver investerarinformationen finnas på engelska

Utländska investerare äger en stor del av aktierna på den svenska börsen. För dem är den engelska IR-webben bolagets ansikte utåt. Ändå är den engelska versionen ofta tunnare eller sämre uppdaterad än den svenska. Här går vi igenom varför språket spelar roll och hur ni får båda versionerna att hänga med.

Autumn 25 115

Blogg

Kan koncernens bolag dela webbplattform och ändå behålla sina varumärken?

När en koncern vill samla sina webbplatser är en vanlig oro att bolagen ska tappa sin identitet. En gemensam plattform betyder dock inte att alla webbplatser måste se likadana ut. Här förklarar vi hur flera varumärken kan dela teknik och funktioner och ändå ha var sitt uttryck.

Bildbank 52

Blogg

Så håller ni bolagsstyrningsdelen av IR-webben aktuell: Innehåll och rutiner för uppdatering

Bolagsstyrningsdelen av IR-webben är ofta den som uppdateras mest sällan och därför lättast blir inaktuell. Samtidigt är det här investerare och analytiker letar efter information om vem som styr bolaget och hur. Här går vi igenom vilket innehåll som brukar finnas och hur det kan hållas uppdaterat.

IMG 3718

Blogg

Tio bolag, tio webbplatser: när är det dags att samla koncernens webbar?

I många koncerner har varje bolag sin egen webbplats, byggd vid olika tidpunkter av olika byråer i olika system. Det fungerar ett tag men med tiden blir webbarna dyra att förvalta och svåra att överblicka. Här går vi igenom tecknen på att det är dags att samla webbplatserna och vad koncernen vinner på det. Som exempel berättar vi hur Toxic och Industrireklam samlade Welandkoncernens bolag i Weland Light, en gemensam mall i Umbraco där ändringar rullas ut till flera webbplatser samtidigt.

Autumn 25 273

Blogg

På väg mot börsen: det här behöver finnas på webben till noteringsdagen

Inför en notering är listan över saker att hålla koll på lång. Webbplatsen hamnar ofta långt ner, trots att den måste vara klar och korrekt samma dag som aktien börjar handlas. Här går vi igenom vad webben behöver klara vid noteringen och hur ni kan planera arbetet så att den inte blir en flaskhals.

Toxic GBG Bildbank 240424 LOW 1

Blogg

Flera anläggningar, en webbplattform: så förenklar du vardagen för redaktörerna

Hos många destinationer har hotellet, restaurangen, skidanläggningen och campingen fått var sin webbplats som vuxit fram i sin egen takt. Resultatet blir dubbelt arbete för redaktörerna och ett spretigt intryck för gästen. I det här inlägget går vi igenom vad som händer när flera webbplatser samlas i en gemensam plattform och hur Isaberg Mountain Resort gjorde.

Autumn 25 258

Blogg

5 anledningar till att stora organisationer och förbund väljer Umbraco som CMS

Många stora organisationer och förbund sitter i CMS-lösningar som blivit för dyra, för komplexa eller helt enkelt inte längre passar verksamheten. Redaktörer får kämpa med sådant som borde vara enkelt och tekniken börjar sätta gränser för vad organisationen kan göra. Efter att ha jobbat med organisationer som LRF, Hyresgästföreningen och flera idrottsförbund ser vi några återkommande skäl till varför valet ofta landar på Umbraco CMS.