Content Management

The Visual Editor

BasaltCMS introduces a unique "Block-Based" visual editor for creating rich content pages.

Every visual block implements a strict schema definition for type safety.

// Example Block Schema

const HeroBlock = {

type: "hero",

fields: {

title: { type: "text", required: true },

image: { type: "image_url" },

cta: {

type: "object",

structure: { label: "text", url: "text" }

}

render: (props) => <HeroComponent {...props} />

}

To keep performance high:

Server Components: The initial page render is 100% HTML.

Lazy Hydration: Complex interactive blocks (like Carousels) are hydrated only when they enter the viewport.

Client Only: Use <ClientOnly> wrappers for blocks that rely on window or document APIs.