@dani-builder/blocks

Framework-agnostic React block renderers for Daniworks Builder (Strapi v5). The 14 block components + shared primitives, decoupled from next/* via a small adapter Context so any React framework can consume them.

Install

pnpm add @dani-builder/blocks @dani-builder/strapi-client

Usage (Next.js)

Inject your framework adapters once, near the root:

"use client";
import NextImage from "next/image";
import NextLink from "next/link";
import { BlocksProvider } from "@dani-builder/blocks";
import { getAssetUrl } from "@dani-builder/strapi-client/utils";

<BlocksProvider value={{
  Image: (p) => <NextImage {...p} />,
  Link: ({ href, children, ...r }) => <NextLink href={href} {...r}>{children}</NextLink>,
  resolveAssetUrl: (asset, format) => getAssetUrl(asset, format, MEDIA_HOST),
}}>
  {children}
</BlocksProvider>

Then render a page's dynamic zone:

import { BlockRenderer } from "@dani-builder/blocks";
<BlockRenderer blocks={page.blocks} />

Styles

Import the bundled stylesheet once, after Tailwind, and add the package to your Tailwind sources so its utility classes are generated:

@import "tailwindcss";
@source "../node_modules/@dani-builder/blocks/dist";

import "@dani-builder/blocks/styles.css";

License

MIT © HJ-company