Content Data Structure

This document serves as a CMS-style structured data source for the BoardX.io website. It contains all the textual content, categorised by section and page, allowing for easy updates and integration into the React application.

12 sections42 subsections

Developer Usage Guide

The content data structure is loaded from client/src/content/boardx_content.md at build time. Any component wrapped by the ContentProvider can access it via the useContent() hook.

import { useContent } from "@/contexts/ContentContext";

function MyComponent() {
  const { getField, getSection, getSubsections } = useContent();

  // Get a single field value
  const headline = getField("Homepage", "Hero Section", "Headline");

  // Get all role subsections
  const roles = getSubsections("Solutions by Role");

  // Get a full section
  const productSection = getSection("Product Features");

  return <h1>{headline}</h1>;
}

To update content, simply edit the boardx_content.md file. Changes will be reflected automatically on the next build or during development with hot module replacement.