Developers

Blocks registry

Kit UI de bloques Guaso vía registry shadcn público @guaso. No hay package npm de blocks — los componentes se agregan como source a tu repo.

Configurar el registry

En tu components.json:

"registries": {  "@guaso": "https://raw.githubusercontent.com/guaso-ai/guaso-blocks/main/r/{name}.json"}

Instalar componentes

npx shadcn@latest add @guaso/block-zone @guaso/rich-section @guaso/cta

Post-install típico: @/components/block-zone/*, siblings por tipo (no se aplastan en lib/).

Uso

Después del install, leés la entry con Content y renderizás con BlockZone:

import { createClient } from "@guaso-ai/content";import { blocksFromEntry } from "@/components/block-zone/blocks-from-entry";import BlockZone from "@/components/block-zone/block-zone";
const entry = await createClient({  siteId: process.env.GUASO_SITE_ID!,  token: process.env.GUASO_CONTENT_TOKEN!,}).getEntry("pages/home");const blocks = blocksFromEntry(entry);return <BlockZone blocks={blocks} isOwner={false} />;

Tipos canónicos

El catálogo creativo declara estos cinco tipos en el schema del template:

RichSection — sección de texto (título + body markdown).
Gallery — grilla de imágenes.
Cards — tarjetas con título, descripción y link.
Testimonials — testimonios de clientes.
CTA — llamado a la acción.

Código fuente

github.com/guaso-ai/guaso-blocks

Datos (no UI): Content.