Скачать или смотреть Building Client Logo Blocks with Type Safety in Payload CMS [LIVE CODING]

LIVE CODING WITH PAYLOAD CMS & NEXTJS

Reminder, this is not a step-by-step tutorial; it’s a live-coding and debugging session. PLEASE do not follow this video step-by-step. Here's a link to the repo: https://github.com/midlomarketing/mid...

Find me on Twitch -   / nlv_codes  
Support the stream -   / nlvcodes  

In this live coding session, I wrap up the stream by continuing to refactor and clean up our Payload CMS + Next.js project. The focus? Fixing typing issues, validating image rendering, cleaning up component structures, and preparing for my next big update: relationship converters.

What I'm working on:
Making logo rendering logic type-safe with conditional fallbacks
Typing component props for ClientLogos
Validating that card and client logo images show correctly
Removing unused props and reducing TypeScript errors

Tech stack:
Payload CMS
Next.js + React
TypeScript

Support the channel:
Like this video if you found it helpful
Subscribe for weekly deep dives on Payload CMS, Next.js, & Tailwind
Leave suggestions and questions in the comments! I'd love to hear from you!

Chapters:
00:00 - Continuing Block Refactoring
01:33 - Refactoring Our Client Logos Block
04:27 - Wrapping Up and Next Steps

#payloadcms #nextjs #webdevelopment