Skill UI

This guide details how to programmatically define and manage Headless CMS content models using the ModelFactory pattern. Developers learn to declare fields (including complex types like richText, file, object), set validators (required, unique, regex), configure field layouts, and manage API naming conventions entirely through code. It is essential for extending and customizing CMS core functionality.

This guide details how to implement custom Content Management System (CMS) field types within a framework. It covers extending the core DataFieldBuilder, composing complex validator interfaces, creating a dedicated FieldTypeFactory, and ensuring proper registration via Dependency Injection (DI) and module augmentation for full TypeScript autocomplete support. Essential for adding fields with specialized validation or storage formats.

This skill provides a detailed guide on extending the Webiny Command Line Interface (CLI) by implementing custom commands. It utilizes the `CliCommandFactory` pattern to define structured commands, manage typed parameters, and execute complex logic. Use cases include automating data migrations, generating boilerplate code, executing custom deployment workflows, and performing CMS content exports.

This guide details how to integrate Auth0 as an external Identity Provider (IDP) for Webiny, replacing the default Cognito authentication. It involves creating an API config class to map Auth0's JWT claims to Webiny identities and implementing a React extension component. Users must set environment variables (AUTH0_ISSUER, AUTH0_CLIENT_ID) and register the necessary extensions for successful OIDC authentication flow.

This skill guides developers on integrating Okta as an external Identity Provider (IDP) for Webiny. It replaces default authentication methods (like Cognito) by utilizing the OpenID Connect (OIDC) standard. The process involves setting up an API configuration class to map Okta's JWT claims to Webiny identities, and creating a React extension component to wire the issuer URL, client ID, and configuration path, enabling seamless Single Sign-On (SSO) using Okta.

This guide explains the universal Dependency Injection (DI) pattern used across all Webiny extensions (API, Admin, CLI, Infrastructure). It details how to correctly implement constructor injection using the `dependencies` array to access core services like Logger, BuildParams, CMS use-cases, and IdentityContext. Mastering this pattern is crucial for building maintainable, type-safe, and cohesive Webiny extensions.

This pattern provides a comprehensive guide to implementing domain event handlers (before/after hooks) within the Webiny framework. It emphasizes the 'thin orchestrator' principle, requiring handlers to delegate all business logic to reusable service abstractions or UseCases for maximum reusability. Furthermore, it details the process of defining, publishing, and reacting to custom domain events, ensuring a clean, decoupled architecture.

A comprehensive guide for developers on deploying, developing locally, and managing environments for Webiny serverless platform on AWS. Learn how to use `yarn webiny deploy` for multi-environment releases (dev, staging, prod), and how to leverage `yarn webiny watch` for local API (Lambda stubs) and Admin (React HMR) development, ensuring full-stack debugging capabilities.

This guide details the complete architecture and organizational principles of a Webiny project. It covers the core concepts of the flat folder structure, the role of the central `webiny.config.tsx` file, and how to register various types of extensions (API, Admin UI, Infrastructure, and CLI Commands) using declarative JSX components. Use this when developers need to understand where custom code belongs and how to integrate different functional components into the platform.

This guide details the UseCase pattern, an architectural pattern used to encapsulate specific business operations within the Webiny framework. Learn how to define UseCases as injectable dependencies, manage input and output using the structured Result<T, E> type, and implement robust, domain-specific error handling. Mastering this pattern is crucial for building highly modular, testable, and maintainable backend APIs.

Provides comprehensive migration patterns for converting existing v5 Webiny code to the v6 architecture. It details key architectural shifts, including replacing ContextPlugins with Dependency Injection (DI) Services, updating event subscriptions to specialized EventHandler Features, and adopting the feature-based container registration model. Essential for developers and AI agents performing major framework upgrades.

This guide details how to build and integrate custom, editable components for a Website Builder platform using the webiny-website-builder-nextjs SDK. Developers can learn to register components, define configurable inputs (text, image, colors, etc.), handle complex data types (like lexical objects), implement advanced theming, and build Server Components to fetch live CMS data. Ideal for creating a seamless, professional user experience within a web editor environment.