Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project скачать в хорошем качестве

Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project

ShadCN Tutorial for beginners. ShadCN Radix UI course. Design a Dashboard with React Next.js and ShadCN UI Library. If it is valuable to you, you can support Lama Dev. Join:    / @lamadev   Join Lama Dev groups X / Twitter: https://x.com/lamawebdev Facebook:   / lamadev   Instagram:   / lamawebdev   Discord:   / discord   Source Code: https://github.com/safak/shadcn VSCode React snippets: https://github.com/safak/snippets Why OKLCH?: https://evilmartians.com/chronicles/o... 00:00 Introduction 00:58 What is Radix UI and ShadCN UI? 02:39 How to install ShadCN UI? 05:51 ShadCN Variants and Custom Styling 09:24 ShadCN Custom Theming 12:37 What is CN in Tailwind and ShadCN? 15:27 Next.js Dashboard Design with ShadCN 17:41 ShadCN Navbar Design 20:17 ShadCN Dropdown Menu Tutorial 24:34 What is SR-ONLY Class Name? 26:06 What is asChild in Radix UI and ShadCN? 27:10 ShadCN Dark Mode Tutorial 32:27 ShadCN Sidebar Tutorial 45:06 Collapsing Sidebar and Creating a Custom Collapse Button 48:30 ShadCN Sidebar Actions 51:05 ShadCN Collapsible Sidebar Groups 53:44 ShadCN Sidebar Badges 54:27 ShadCN Sidebar Nested Items (Sub Menu) 57:38 Creating a Grid Layout 01:00:19 ShadCN Charts Tutorial 01:08:37 ShadCN Area Chart with Recharts 01:13:00 ShadCN Pie Chart with Recharts 01:18:18 ShadCN Card Component Tutorial 01:27:53 ShadCN Scroll Area and Checkbox 01:33:24 ShadCN Calendar and Popover Tutorial 01:41:48 ShadCN BreadCrumb Component 01:43:36 Designing the User Profile Page 01:46:50 ShadCN Hover Card Component 01:51:12 ShadCN Progress Bar Component 01:54:56 ShadCN Sheet Component 01:58:28 ShadCN Form and Input Component 01:59:23 How to Validate Inputs with Zod and react-hook-form 02:10:18 Creating a User Card 02:12:16 ShadCN Line Chart Tutorial 02:17:03 ShadCN Table and Data Table Tutorial 02:18:06 ShadCN Data Table with Tanstack React Table 02:26:00 Tanstack Table Custom Headers and Cells 02:29:39 Tanstack Table Action Button with ShadCN 02:31:47 Tanstack Table Pagination 02:34:46 Tanstack Table Sorting Columns 02:37:24 Tanstack Table Row Selection 02:41:35 Outro