Nathaniel Nunes discusses integrating Umbraco Media Picker crops with Next.js using the Umbraco Content Delivery API. He outlines setting up Umbraco for headless delivery, configuring Next.js, and interpreting JSON responses for media crops. Nunes provides a TypeScript helper function to generate crop URLs and emphasizes the seamless use of next/image for rendering.
Büra Şengül's article compares Umbraco's built-in Content Delivery API with a custom solution for handling content management separately from frontend presentation. It discusses the benefits and use cases of each approach, providing practical code examples to help developers choose the best fit for their projects.
Nathaniel Nunes discusses building a breadcrumb component for a headless Umbraco project using the Umbraco Content Delivery API. By fetching ancestor nodes with their IDs, developers can create effective breadcrumb trails that enhance navigation and SEO. The API also supports descendant queries for additional content management.
Replaces Umbraco’s built-in preview (`/umbraco/preview`) with a secure iframe that points to your configured frontend application.
2025-09-04 from 16:45 to 18:45 - Knowit, Nyropsgade 41 5 Sal, København, DK
AddXP discusses the evolution of content management systems (CMS), highlighting the shift from traditional CMS to headless CMS due to increasing digital demands. Headless CMS offers flexibility, scalability, and improved performance by decoupling content from presentation.
Phil Whittaker discusses his experience creating a Next.js version of the Clean Starter Kit for Umbraco, focusing on automating UI client and model generation from Umbraco's Content Delivery API. He highlights challenges with Hey API and ultimately recommends Orval for its simplicity, stability, and flexibility in generating TypeScript clients.
In this post, Kenn Jacobsen provides a guide for extending a Next.js example that utilizes the Umbraco Delivery API. The tutorial focuses on adding an author page that displays biographies and recent posts, emphasizing dynamic routing and data fetching. Kenn also addresses filtering posts by author and highlights the importance of understanding Next.js for effective implementation.
Jason Elkin discusses the challenges of configuring CORS for a headless Umbraco site, particularly due to middleware order and project architecture constraints. He presents a solution involving a custom composer that sets up CORS policies in a separate assembly, allowing for frontend API requests while accommodating local development variations.
Umbraco 15.2 introduced fixes for the Delivery API, enabling the release of the Headless Preview package, which enhances preview functionality for headless sites. This open-source package bridges Umbraco documents and headless rendering, addressing challenges in previewing unpublished content. Kenn Jacobsen invites feedback on future headless preview support in Umbraco.