Sleek Next.JS Applications with shadcn/ui

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 36 Lessons (5h 10m) | 1.90 GB

Gain confidence building modern web UIs with a deep dive into the essentials of shadcn/ui, TailwindCSS, and Radix UI. Learn how to craft flexible, modular UIs and integrate these skills into Next.js projects. Put yourself at the forefront of front-end innovation.

By the end of the course, you’ll master shadcn/ui, understanding the theory behind it, building two production-ready web applications, and learning how to contribute back to the library.

The course combines:

• Thoery Modules: A deep dive into shadcn/ui core principals, the technologies behind it, and how to start use it.
• Practical Modules: Building two real-world application, learning how to contribute to shadcn/ui, and composing new components togehter.
• Code Along: During the practical modules, you’ll code along with Eyal, building the applications together.

The course is designed to make you an efficient developer, and to help you build real-world production-ready web applications for your portfolio.

Build Modern User Interfaces with Radix UI and Tailwind CSS

What you will learn

• Why shadcn/ui became so popular and how it’s changing the UI development landscape
• What problems shadcn/ui solves, and what are the core concepts behind it
• How shadcn/ui uses TailwindCSS and Radix UI to create a collection of beautiful and accessible components
• What are shadcn/ui themes, styles, and how you can customize them to fit your needs
• How to build powerful Layouts, Tables, Data Grids, and Forms with shadcn/ui
• How you can integrate shadcn/ui with real-world Next.js applications to build modern front-end applications
• How to customize shadcn/ui built-in animations
• What is Component Composition and how to compose new components from existing shadcn/ui components
• How to build a special Filter component from shadcn/ui
• How to contribute to shadcn/ui and give back to the open-source community