Content Delivery API > Structured text fields

    Structured text fields

    If you have Structured Text fields you can use GraphQL fragments to fetch the different blocks.

    Suppose a blog_post model has a Structured Text field called content, which in turn accepts links to other blog posts and the following embedded blocks:

    • Block blog_post_text_block: made of a text field (multi-paragraph text);

    • Block blog_post_quote_block: made of a quote field (multi-paragraph text) and author field (single-line string);

    • Block blog_post_gallery_block: made of a gallery field (image gallery);

    This GraphQL query will do the work:

    query {
    allBlogPosts {
    title
    content {
    value
    blocks {
    __typename
    ... on BlogPostTextBlockRecord {
    id
    text
    }
    ... on BlogPostQuoteBlockRecord {
    id
    quote
    author
    }
    ... on BlogPostGalleryBlock {
    id
    gallery { url }
    }
    }
    links {
    __typename
    ... on BlogPostRecord {
    id
    slug
    title
    }
    }
    }
    }
    }

    You can then use the result of this query with one of the following libraries and components to render the field into your frontend of choice: