Building on the CMS

Building a custom block

A step-by-step tutorial that builds a class-based block with an image, a headline, a paragraph and two buttons, from the Artisan generator to a published page.

Building a Livewire block

A step-by-step tutorial that builds the feature block from the previous tutorial as a single-file Livewire block, then compares the two forms.

Building a page template

A step-by-step tutorial that builds a page layout with three regions, from the Artisan generator to a layout an editor can choose.

Building a skin

A step-by-step tutorial that builds a skin from the Artisan generator: registering the name, importing the stylesheet, reassigning the design tokens and declaring the dark theme.

Block reference

Generating a block, how discovery and registration work, every method on the contract, and how to override one.

Content type reference

How to generate, register and configure a content type: its methods, routing, capability toggles, block rules, panel behavior and structured data.

Layouts, regions and page width

Anonymous Blade components that provide the page chrome, and how they are discovered and registered.

Design system

Every color, font and measurement is a custom property declared once. A skin reassigns them.

Fonts

Testing

This page explains how to test blocks, content types and layouts in an application, and how to run the package's own suite.