Simplify your stack and build anything. Or everything.
Build tomorrow’s web with a modern solution you truly own.
Code-based nature means you can build on top of it to power anything.
It’s time to take back your content infrastructure.

Any suggestions on how to model this type of content?

default discord avatar
derosullast year
4

I'm currently refactoring a static react website to a Payload with content blocks.



The screenshot seems fairly simple, but I'm not entirely sure how to include the inline / columned images without making it overly complex. afaik I can't do inline images with slate....



Any suggestions on how to approach this?

  • default discord avatar
    notchrlast year

    Hmm, I typically have a Global for each page



    And then i use groups to break the sections apart



    For instance, I 'd have a Partner section. The section would include a field for "Title", "Content", and then an array of Media

  • Why not just make an "ImageGrid" Block?

  • discord user avatar
    tylandavis
    last year

    I typically do the same as Jarrod. I'll make an ImageGrid or ImageRow Block, and then give it some fields to customize the styling of it (alignment, padding, etc), in case I want to use it in other parts of my site.



    A simpler way could be to have a block called "PartnerLogos" and make it a basic array or relationship, and then just handle the styling on the frontend side of things.

  • default discord avatar
    derosullast year

    Hmm, I'm already using a "content" block as seen in the Payload demo for this. where i define columns and their contents.



    I guess i could embed blocks within there as well. Interesting...


    Thanks for the ideas

    @1049775120559898725

    @281120856527077378

    @783701636165402624

    😄

Star on GitHub

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get dedicated engineering support directly from the Payload team.