JSON:API Frontend Layout Builder

jsonapi_frontend_layout is an optional add-on for jsonapi_frontend that enables true headless Layout Builder rendering by exposing a normalized layout tree
API.

Features

• Adds GET /jsonapi/layout/resolve?path=/about-us&_format=json
• Uses jsonapi_frontend for alias/redirect/language negotiation + access checks
• When applicable, returns a layout tree (sections + components) alongside the normal resolver contract
• MVP component support: field blocks and inline blocks (returns JSON:API references for block content when possible)

Post-Installation

1. Install and enable jsonapi_frontend and layout_builder.
2. Enable Layout Builder for a bundle’s display (Manage display → enable Layout Builder).
3. Request: GET /jsonapi/layout/resolve?path=/your-page&_format=json
4. In your frontend: use the returned layout tree to render sections/components, and fetch any referenced JSON:API URLs. li>

Additional Requirements

• jsonapi_frontend
• Core: Layout Builder, Block Content

Recommended modules/libraries

• Next.js starter (example renderer): https://github.com/code-wheel/
  jsonapi-frontend-next
• Astro starter (example renderer): https://github.com/code-wheel/jsonapi-frontend-astro
• TypeScript client helper: https://www.npmjs.com/package/@codewheel/jsonapi-frontend-client

Similar projects

Most decoupled approaches either (a) keep Layout Builder pages Drupal-rendered (hybrid) or (b) require custom per-site APIs. This module
provides a consistent, resolver-aligned layout tree endpoint designed for modern frontends.

Supporting this Module

Report issues and feature requests in the issue queue.

Community Documentation

• Docs: https://www.drupal.org/docs/contributed-modules/
  jsonapi-frontend
• GitHub source: https://github.com/code-wheel/jsonapi-frontend-layout