umbraco-development

Bundled Skills

This plugin includes the following additional skills for comprehensive development context:

Skill	Purpose
frontend-razor	Razor view syntax, layouts, partials, tag helpers
frontend-classic	CSS/SASS organization, JavaScript/jQuery patterns (traditional sites)
frontend-modern	React, Vue, TypeScript patterns (headless/decoupled sites)
backend-csharp	C#/.NET DI patterns, service architecture, async/await
fullstack-classic	jQuery AJAX integration, form handling (traditional)
fullstack-modern	REST/GraphQL APIs, Content Delivery API integration (headless)

These skills are automatically included when you install the Umbraco Analyzer plugin.

Umbraco Development Patterns

Project Structure

src/
├── Web/                          # Main Umbraco web project
│   ├── App_Plugins/              # Backoffice extensions
│   ├── Composers/                # DI and configuration
│   ├── Controllers/              # Surface and API controllers
│   ├── Views/                    # Razor templates
│   └── Program.cs
├── Core/                         # Business logic (optional)
│   ├── Services/
│   ├── Models/
│   └── Interfaces/
└── Infrastructure/               # Data access (optional)
    ├── Repositories/
    └── ExternalServices/

Composer Pattern

Composers are the entry point for dependency injection and configuration.

Basic Composer

using Umbraco.Cms.Core.Composing;

public class ServicesComposer : IComposer
{
    public void Compose(IUmbracoBuilder builder)
    {
        // Register services
        builder.Services.AddScoped<IProductService, ProductService>();
        builder.Services.AddScoped<ISearchService, SearchService>();

        // Register notification handlers
        builder.AddNotificationHandler<ContentPublishedNotification, ContentPublishedHandler>();
        builder.AddNotificationAsyncHandler<ContentSavingNotification, ContentSavingHandler>();
    }
}