Menu
Builder.io Gen-2 SDK patterns — fetch, render, register, model guard, preview.
How to move an app component into the headless @jasonyangcis/core-ui library — headless conversion, cross-repo file checklist, treeshake sentinel, changeset, consumer wiring.
How to wire a new Builder.io-rendered route or model — fetch helper, route, registry, config.
Pattern for adding a server Route Handler under app/api/** — origin check, zod body, server-only deps, safe responses.
Tokens, cn(), focus rings, shadcn/ui (new-york), insert-menu groups.
TS strict, four-file folder pattern, import boundaries, no console.
Secret hygiene, CSP, CSRF, webhook HMAC, session encryption.
| name | builder-io |
| description | Builder.io Gen-2 SDK patterns — fetch, render, register, model guard, preview. |
Use the Gen-2 SDK from @builder.io/sdk-react.
fetchOneEntry({ model, apiKey, userAttributes: { urlPath } }).RenderBuilderContent (NEVER <Content>).config.models.*, never string literals for model names.notFound() when fetchOneEntry returns null on a Builder-only route.subscribeToEditor with the model-name check to avoid mismatch errors.utils/sanitize-html.ts (DOMPurify).config.ts → add types/*.types.ts → wire route → register components in builder-registry.ts.Long-form: see docs/skills/builder-io.md.