New Paul Seal Video Series Released, Using Auth0 with Umbraco, Optimizing External Images and more...

Sign Up | View Online | Previous Editions

UMB.FYI 2024-08-07

Community

How to skip login screens during development for Umbraco 13 Users and Members

In this tutorial, Dennis demonstrates how to implement a "developer login" feature in Umbraco, allowing local developers to bypass login screens for backoffice users and members. This method involves creating custom authentication handlers and options, ensuring the feature is restricted to development environments to prevent security risks.

Skrift issue #108

Featuring guest posts by Joke Van Hamme on "Personal Manuals: Improving Team Dynamics in a Remote Context" and Jen Wolke on "It's a Bird, It's a Plane, It's a Taxonomy!"

[ ]

Tips when upgrading Umbraco from 10 to 13

In his blog post, Dennis shares insights from upgrading a website from Umbraco 10 to 13. He emphasizes practicing the upgrade, using unattended settings, configuring logging, and checking xPath queries and rich text editor configurations. He also suggests utilizing uSync for manual changes and reviewing custom indexing logic. Overall, he found the upgrade process smooth, with package upgrades being the main challenge.

How to use Auth0 as backoffice authentication provider in Umbraco 12

Stefano Maffeis discusses integrating Auth0 for single sign-on (SSO) in Umbraco applications, detailing the setup process, including creating an Auth0 account, configuring application settings, and implementing necessary code. The integration allows users to log into Umbraco's backoffice using Auth0 credentials, streamlining user management. Limitations regarding version compatibility are noted.

Closing the Gap by Optimising External Images with Cloudflare Workers and Cloudinary

In this discussion, Terence Burridge explores optimizing external images in Umbraco to enhance website sustainability. By integrating Cloudflare Workers with Cloudinary, the author proposes a solution that transparently optimizes linked images without user intervention. This method ensures efficient image handling while maintaining website performance and reducing load times.

An Examine fix for Umbraco index corruption

A new version of Examine (3.3.0) addresses a bug affecting Umbraco websites using the SyncedFileSystemDirectoryFactory, which previously led to index corruption. The update introduces health checks for main and local indexes, ensuring synchronization and reducing rebuilding overhead, particularly in Azure environments. ExamineX offers a more reliable indexing solution for load balancing and scaling.

Watch & Listen

The Unhandled Exception Episode 69: The Umbraco CMS and Community

In this episode, Dan Clarke discusses the vibrant Umbraco community and its CMS features with guests Carl Sargunar, Lotte Pitcher, Carole Rennie Logan, and Callum Whyte. The conversation highlights the community's collaborative spirit and the CMS's capabilities, inspiring Dan to consider Umbraco for future projects.

Codegarden 2024 : Umbraco Deploy, a deep-dive into migrating between major versions

Umbraco Deploy enables schema and content transfer across environments and supports migration from v7, 8, 10, and 12+ to the latest version. Explore export/import features and best practices via live demos.

New Umbraco 13 YouTube series released

Paul Seal has launched a new YouTube series focused on building websites with Umbraco 13, designed to assist learners from beginners to experienced developers. The series aims to provide valuable tips for individuals at all skill levels.

Umbraco 13 Tutorial - Episode 1 - Introduction

In this introductory video series, Paul Seal from Codshare.co.uk guides viewers through building a fully editable website using Umbraco 13. The series covers installation, template usage, content management, search functionality, and various features of Umbraco, aiming to equip users with essential skills for web development.

[ ]

Umbraco 13 Tutorial - Episode 2 - Install Umbraco

In this video, Paul Seal introduces Umbraco 13 for website development, explaining its advantages over previous versions. He guides viewers through installation, provides a tour of the back office, and demonstrates creating a homepage with editable properties. The tutorial emphasizes using long-term support versions for stability and future-proofing projects.

[ ]

Umbraco 13 Tutorial - Episode 3 - Templates

In this episode, Paul Seal demonstrates how to build a website using Umbraco 13, focusing on templates and partial views. He guides viewers through downloading a Bootstrap theme, organizing templates into partial views, and implementing dictionary values for dynamic content. The session emphasizes creating an editable website structure.

[ ]

Umbraco 13 Tutorial - Episode 4 - Document Types

In this episode, Paul Seal from Codshare.co.uk explores building document types in Umbraco 13, covering homepage creation, content management, and SEO strategies. He emphasizes the importance of compositions, data types, and site settings, while demonstrating features like the multi-node tree picker and Models Builder for efficient content access and navigation.

[ ]

Umbraco 13 Tutorial - Episode 5 Part 1 - Block Grid Navigation

In this fifth episode, Paul Seal from Codshare.co.uk demonstrates how to build navigation and footer elements using the Block Grid data type in Umbraco 13. He covers the configuration of navigation areas and groups, creating a user-friendly editing experience, and rendering the navigation on the front end, concluding with a preview setup.

[ ]

Umbraco 13 Tutorial - Episode 5 Part 2 - Block Grid Footer

In this episode, Paul Seal demonstrates building a website footer with Umbraco 13's block grid feature, focusing on a three-column layout for content and social links. He discusses data type configuration, rendering techniques, and emphasizes organization and customization in web design, inviting viewer interaction and feedback.

[ ]

Umbraco 13 Tutorial - Episode 6 Part 1 - Block Grid Content

In this episode of his series, Paul Seal demonstrates how to create block grid content in Umbraco 13, including a standard header, rich text editor, and various content models. He covers configuration, dynamic rendering, and the integration of alt text for images, while also discussing customization options and future enhancements.

[ ]

Umbraco 13 Tutorial - Episode 6 Part 2 - Block Grid Image Links

In the second part of episode six, Paul Seal demonstrates how to build a website using Umbraco 13, focusing on creating image links, a call to action, and an icon link. He details the setup of document types and content models, emphasizing dynamic HTML rendering and customization options for titles and images.

[ ]

Umbraco 13 Tutorial - Episode 6 Part 3 - Block Grid Icons and Links

In part three of episode six, Paul Seal from Codeshare.co.uk continues building a website with Umbraco 13. He focuses on creating block grid elements, including call-to-action, icon links, and image-with-caption components. The session emphasizes configuring these elements in the back office and preparing for future previews in the final part.

[ ]

Umbraco 13 Tutorial - Episode 6 Part 4 - Block Grid Previews

In this episode, Paul Seal demonstrates how to implement custom previews in the Umbraco 13 back office, enhancing the editing experience. He covers creating previews for various components, including titles, images, and links, and discusses integrating the community package for block previews. The episode concludes with a preview setup for multiple page elements.

[ ]

Umbraco 13 Tutorial - Episode 7 - Lazy Loading and Responsive Images with Slimsy

In this episode, Paul Seal demonstrates how to implement lazy loading and responsive images in Umbraco 13 using the Slimy package. He explains the benefits of generating different image sizes for various media queries and showcases the installation, configuration, and usage of Slimy to optimize image loading for better performance.

[ ]

Umbraco 13 Tutorial - Episode 8 - CSharp and Dotnet Features

In this episode, Paul Seal from Codeshare.co.uk discusses enhancing website development with Umbraco 13 using C# features. He covers creating an editor config, implementing primary constructors, utilizing file scope namespaces, and setting up global usings. He also demonstrates automating code formatting with .NET commands to maintain clean code.

[ ]

Umbraco 13 Tutorial - Episode 9 - Tips and Tricks

In episode 9 of his series, Paul Seal from Codeshare.co.uk shares tips for building websites with Umbraco 13, focusing on reusable content, dashboard customization, and essential packages. He emphasizes best practices for content management, user interface enhancement, and media organization, concluding with additional resources for further learning.

[ ]

Umbraco 13 Tutorial - Episode 10 - Contact Form and Meta Data

In this episode, Paul Seal demonstrates building a contact form with Umbraco 13, focusing on MVC principles, form validation, and email notifications using ASP.NET Core and Umbraco CMS. He covers view components, HTML form setup, error handling, SMTP configuration, and SEO metadata, resulting in a functional contact form with feedback messages.

[ ]

Umbraco 13 Tutorial - Episode 11 Part 1 - Searching with Examine

In the final episode of his series, Paul Seal demonstrates how to implement search functionality in an Umbraco 13 website. He covers creating a render controller, content models, and a search service, including handling pagination and query strings. The episode emphasizes building a robust search feature using Examine, with plans for further enhancements in subsequent videos.

[ ]

Umbraco 13 Tutorial - Episode 11 Part 2 - Examine Search Filtering by Tags and Pagination

In episode 11, Paul Seal explores enhancing Umbraco's search functionality, addressing document type exclusions and a typo issue. He demonstrates techniques like boosting, fuzzy matching, and wildcards, while emphasizing effective code structure and community feedback. The tutorial culminates in a comprehensive search system, focusing on indexing, filtering, and pagination.

[ ]

Events

Umbraco CMS - Edinburgh Virtual Meetup

2024-08-07 from 18:30 to 20:30 - Online event

Umbraco London BBQ 2024

2024-08-09 from 18:00 to 21:00 - Radley Yeldar, 24 Charlotte Road, London, GB

Glasgow Umbraco - August meetup (In Person)

2024-08-13 from 18:30 to 20:30 - Equator, 58 Elliot Street, Glasgow, G3 8DZ, Glasgow, GB

Unveiling Umbraco 14: The Next Evolution

2024-08-14 from 16:00 to 17:00 - Online on googleHangout

[ ]

umBristol - August Social

2024-08-14 from 18:00 to 23:00 - Steam Bristol, Clifton Down Station, BS8 2PN, GB

[ ]

Packages

MediaWiz.Forums.14

MediaWiz Forums for Umbraco 14

miniOrange.Umbraco.SAML.SSO.Login

Enable seamless SAML 2.0 Single Sign-On (SSO) in your Umbraco, Umbraco Cloud, and Umbraco Commerce applications.

Social

Umbraco Commerce v14 RC is out now!

[ ]

Flip for Umbraco 14 is out now, allowing changing document types.

ByteEditor Site Builder launched

Perplex AI Contentbuddy for Umbraco released

Sneak peek at the Data List preview panel in Contentment for Umbraco 14

[ ]

Umbraco Tip #11: Custom Forms for Better User Interaction by Adam Shallcross

[ ]

Umbraco Tip #10: Use the Umbraco.MultiNodeTreePicker for Reusable Content by Adam Shallcross

[ ]

Umbraco Tip #9: Implement a Flexible and Editable Taxonomy by Adam Shallcross

[ ]

Umbraco Tip #8: Simplify with Configurable Blocks by Adam Shallcross

[ ]

---
UMB.FYI, Unit 128100, PO Box 4336, Manchester, M61 0BW