Blog

In this post I talk about the release of Clean v7 for Umbraco 17 and the new automation which has helped me streamline everything to do with maintaining the package.

How to Run a Local HTTPS Site Inside a GitHub Action Without the Dev Certificate Trust Issue

Codegarden 2025

In part two of the Examine search episode, you will fix the indexing issues encountered in part one, implement tag-based filtering so users can narrow their search results by category, and add full pagination to handle large result sets. We complete a polished search experience for your Umbraco 13 website.

This episode begins building search functionality with Examine in Umbraco 13. You will create a render controller to hijack routing, set up search models and a search service, configure index event handlers, transform index values for better results, and build the search page view with query string handling.

In this episode you will build a working contact form in Umbraco 13 using MVC. We cover creating a view component, building an HTML form, posting it to a surface controller, configuring email settings via appsettings, and testing emails with Papercut. You will also add SEO meta data properties to your pages.

This episode is packed with practical tips and tricks for Umbraco 13. You will learn about reusable content, the uSync dashboard package, Skybrud redirects with renamed tabs, custom login backgrounds, custom document type icons, media allowed at root best practices, and block thumbnails using Dan Bramall icons.

In this episode we explore useful C# and dotnet features for your Umbraco project. You will set up an EditorConfig file for consistent code style, add automatic code formatting on build, refactor code using primary constructors, adopt file-scoped namespaces, and configure global usings to clean up your code.

This episode shows you how to implement lazy loading and responsive images in Umbraco 13 using the Slimsy package. You will install and configure Slimsy, learn how image source sets and media queries work, generate multiple image sizes automatically with ImageSharp, and improve your site page performance.

In this episode you will add block previews to the Umbraco backoffice so editors can see visual representations of their content as they build pages. We create custom preview partials for key blocks and set up the community Umbraco Block Preview package for the remaining components in your block grid.

This episode walks you through building the call to action, icon link, and image with caption blocks for the block grid. You will create element types, configure nested blocks within the call to action layout, write Razor views for each component, and wire everything together in the Umbraco backoffice.

In this episode you will create the image links block for displaying clickable image cards on your pages. We build the element type with image and link properties, configure it within the block grid, and write the Razor partial view to render responsive image link components on the frontend of the site.