The release of Umbraco 14 and the new Backoffice (aka Belissima) is scheduled in May 2024. This release will be a major technical change in the way that developers extend the backoffice.
The new backoffice removes all the legacy dependencies on AngularJS and uses modern technologies like Web Components with Lit and reactivity using RxJS. I maintain several open-source packages and the email package Newsletter Studio, so this is an exciting time.
Since Umbraco 14 is still a work in progress, as well as the official documentation, I wanted to create this blog post to curate some of the content around this that I've found useful when getting up to speed. I will continue to add resources to this list, also feel free to let me know if you think that something should be added.
Official Sources
The official source code and the official documentation are of course great places to start.
- Source code
Reading the real source code is the real "source of truth"
https://github.com/umbraco/Umbraco.CMS.Backoffice - Documentation
The official docs for Belissima contains a great "Getting started"-section and some useful tutorials.
https://docs.umbraco.com/umbraco-backoffice/ - Umbraco UI-library
Used in the current backoffice and even more in the new backoffice.
https://github.com/umbraco/Umbraco.UI
- Storybook
The Storybook contains lots of examples and semi-structured documentation.
https://apidocs.umbraco.com/v14/ui/
Video presentations
These videos are a great way to get the over all concepts but please be aware that since this is still work in progress some details in the older videos might not be accurate any more.
- Mounting your UI in New Backoffice, 2023
Niels Lyngsø, recording from Community Teams Days at Umbraco 2023.
https://www.youtube.com/watch?v=mxozXXPAALI -
Exploring the new Backoffice
Jacob Overgaard, CodeGarden 2023
https://www.youtube.com/watch?v=P14r9Sr0ATI - Packages Question Time
The new back office, 23rd of August 2023
https://www.youtube.com/watch?v=5vRzEMzrIec - Lit overview with Michele Stieven | jsday 2022
A great overview of Lit and its different building blocks.
https://www.youtube.com/watch?v=I9RbleMxxXw
Andy Butland, Umbraco HQ
Andy works on some of the most popular Umbraco HQ-packages and has shared some of his learnings along the way.
- Blog post series about Umbraco 14
In a couple of blog posts, Andy shares his first experiences with Umbraco 14.
https://www.andybutland.dev/2023/09/umbraco-14-package-migration.html - Umbraco 14-branch of Personalisation Groups
Here we can follow the progress of getting the package to work in Umbraco 14.
https://github.com/AndyButland/UmbracoPersonalisationGroupsCore/tree/feature/migrate-to-14
Kevin Jump aka. mr. uSync
Not sure if Kevin needs any introduction to the community as he is the creator of the mighty popular uSync-package that I've used on almost all my websites for as long as I can remember.
- Dev.to articles: uSync to v14
It's almost like we're getting to read Kevin's notes during his initial work of getting uSync to compile and almost run on Umbraco 14.
https://dev.to/kevinjump/usync-to-v14-a-journey-14ho - uSync v14 source
Here we can follow the progress inside the uSync GitHub repository.
https://github.com/KevinJump/uSync/tree/v14/convert
Sir. Lee Kelleher
Lee is the man behind the Contentment-package that I use almost every day. I have seen some hints on Mastodon that he has been trying out the Umbraco 14-previews.
- Contentment source code
In the "dev/wip/bellissima"-branch we can see some hits of what Lee is working on.
https://github.com/leekelleher/umbraco-contentment/tree/dev/wip/bellissima - Blog post about the first steps
Lee shares his thoughts about the approach to the new version of the package - to continue with multi-targeting or to "start fresh".
https://dev.to/leekelleher/contentment-for-bellissima-199d
Richard Soeteman, SEO Checker, CMS Import and more
It feels like Richard has been building Umbraco packages since the day Umbraco was initially released and I just spotted that I have a new blog that I'm eager to follow.
- Umbraco 14 auto install
In this blog post, Richard share a Powershell script to automatically install Umbraco 14 and get it ready for package development.
https://richardsoeteman.net/blog/auto-install-latest-umbraco-14/
More to come
I'm really looking forward to reading more from other community members that is on the same adventure as me and I will of course make sure to share parts of my own journey. I will also put some of my efforts into creating PRs for the
official documentation as I think that this will bring the most value to the community.
If you have examples of content that you think should be listed here - please reach out!