Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Scalable Design System for Enterprise Websites With Payload CMS & Next.js

Learn With Jason via YouTube

Overview

Explore a comprehensive tutorial on building scalable design systems for enterprise websites using Payload CMS and Next.js. Learn from James Mikrut as he demonstrates how to create cohesive designs that can be effectively implemented across teams in production environments. Discover the process of developing a design system, starting from Figma files and addressing crucial aspects like block spacing, website setup, and layout flexibility. Gain insights into ensuring accessibility, working with Payload CMS code, implementing versioning, and maintaining design systems. Throughout the 1-hour 27-minute video, delve into practical tips and techniques for creating robust, enterprise-level design systems that can be seamlessly integrated into real-world projects.

Syllabus

- Welcome
- Who is James Mikrut?
- How do you build something cohesive?
- Starting with the Figma file
- Talking about block spacing
- How websites can be set up
- How do you ensure the right amount of flexibility in your layout blocks?
- What about accessibility?
- In the code of the Payload app
- How does versioning work?
- Tips for maintenance of design systems
- Where to find out more about Payload

Taught by

Learn With Jason

Reviews

Start your review of Build a Scalable Design System for Enterprise Websites With Payload CMS & Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.