Headless para developers.
Editável para pessoas.
Nativo para IA.

Mantenha o comportamento em funções tipadas e a configuração no Git. Dê a pessoas e agentes uma forma compartilhada de alterá-la, com seu site renderizando o resultado.

Como funciona Explore a API

Mude um título. Veja o caminho.

Edite o título abaixo. Acompanhe o mesmo texto em um pequeno bloco JSON, nos inputs do componente TypeScript e no site. O código da função continua o mesmo.

O exemplo roda automaticamente. Uma interação pausa a animação; ela retoma após um segundo de inatividade e mantém seu texto.

1Edite o título no CMS

Título

Escreva o que quiser. Acompanhe seu título nas próximas três etapas.

2Veja o JSON mudar

SummerBanner.json

{
  "__resolveType": "promo-banner",
  "title": "Frete grátis acima de R$ 75",
  "href": "/summer"
}

3Passe os novos inputs para o TypeScript

src/promo-banner.tsx

PromoBanner({
  title: "Frete grátis acima de R$ 75",
  href: "/summer",
})

4Renderize o site

CMS → JSON → TypeScript → site. O mesmo título em cada etapa. Este é um preview local.

Continue por aqui

Entenda o modelo

Acompanhe código tipado, schemas, configuração salva, publicação e renderização em um guia técnico.

Veja como funciona

Torne os inputs editáveis

Transforme os tipos TypeScript em campos de edição e configure os valores que suas funções recebem.

Explore formulários a partir de tipos

Edite seu site visualmente

Explore o contrato de integração do editor no Next. Para um projeto com a versão publicada, use o fluxo do Editor de Sites com Blocks 7.x.

Leia o contrato do editor