CMS conditional rendering?

taun2160last year

3

• 

  zephury.last year

  well, thats the thing with custom code;

  
  

  whats amazing about it, is that you can make it work however you want.

  
  

  what's difficult about it is that there isn't really a

  wrong

  way to do it, there are just opinions about what the best user experience is.

  
  
  

  You could create a block rendering component that renders all of your blocks and inside of your block components on your frontend, you can choose to not return any component until certain fields are present; thats up to you.

  
  
  

  Personally, I think it's better to encode placeholder data in your frontend; I like to put something like "x field missing...", while putting a gray rectangle with an image icon inside of a missing image. If I intend a component to say... work with only 3 images, I will have 3 image placeholders and I will have the field set to

  minRows={3}

  and

  maxRows={3}

  to enforce that. If it is intended to work with any set number of images, you'd simply need to account for that.

  
  
  

  Looking at other block based builders like webflow might give you a good idea about how

  you

  want to create your blocks

• 

  taun2160last year

  Cool, thanks. Yea, as a beginner I'd love to get away with creating strict placeholders and not have to create conditional logic that updates the layout and ensures it's always looking beautiful. It seems like getting that right will take a lot of time and skill.

  
  
  

  For any other noobs interested to learn more:

  https://youtu.be/hIc0WYqdDto?si=8Ia2H1KUTZ3eucos&t=5782
  
  

  Any other links to resources to learn conditional rendering will be much appreciated.

  
  
  

  I agree, Webflow looks great for prototyping - you can also export your HTML, CSS, JS code 😄

• 

  zephury.last year

  You can always start simple as well and as you experiment, or continue building with Payload, you'll start to see over time, which sort of reusable blocks give the most value and you'll know what's worth investing more time in and optimizing. Just get comfortable building. There's a lot of value that comes from building the same project, or similar things more than once when you're learning.