Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Shadcn UI & Next JS - Build beautiful dashboards with shadcn, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:05:35
    Project overview
  • Урок 2. 00:00:39
    Udemy ratings and reviews
  • Урок 3. 00:09:07
    Set up new Next JS project and install shadcn ui
  • Урок 4. 00:10:38
    Add the landing page text and buttons
  • Урок 5. 00:17:32
    Tidying up the landing page styles and link to login and signup pages
  • Урок 6. 00:11:01
    Customise shadcn ui theme
  • Урок 7. 00:18:24
    Build the light and dark mode toggle
  • Урок 8. 00:10:23
    Add the login page and card
  • Урок 9. 00:23:18
    Create the login form
  • Урок 10. 00:03:44
    Add the sign up page and card
  • Урок 11. 00:09:41
    Add the account type select field
  • Урок 12. 00:09:02
    Add the company name and employees fields and validation
  • Урок 13. 00:06:59
    Add the date of birth validation
  • Урок 14. 00:11:17
    Add the date of birth field with Popover
  • Урок 15. 00:19:49
    Customize the Calendar
  • Урок 16. 00:16:14
    Render selected date + custom dropdowns for month / year selection
  • Урок 17. 00:13:54
    Add the dropdown captions and years values
  • Урок 18. 00:04:58
    Hook up month and year navigation anytime the custom dropdown values change
  • Урок 19. 00:16:35
    Add the password and confirm password fields
  • Урок 20. 00:12:04
    Create a custom PasswordInput component
  • Урок 21. 00:14:16
    Add the terms and conditions checkbox
  • Урок 22. 00:02:42
    BUG FIX: terms and conditions checkbox
  • Урок 23. 00:07:18
    Create the dashboard layout
  • Урок 24. 00:07:07
    Create the MenuTitle
  • Урок 25. 00:09:53
    Build out the side panel menu items
  • Урок 26. 00:12:10
    Add the sidebar footer with Avatar
  • Урок 27. 00:04:56
    Add the missing pages and refactor HTML tags
  • Урок 28. 00:04:54
    Add the employees stats and teams stats tabs
  • Урок 29. 00:04:22
    Add the data Cards
  • Урок 30. 00:09:34
    Start adding the Card content
  • Урок 31. 00:03:37
    Extend the shadcn ui Button component
  • Урок 32. 00:12:08
    Add the employees present card content
  • Урок 33. 00:08:42
    Add the employee of the month card content
  • Урок 34. 00:19:00
    Create the stacked bar chart with recharts
  • Урок 35. 00:18:15
    Finish the bar chart
  • Урок 36. 00:07:19
    Create the teams stats component
  • Урок 37. 00:09:39
    Add the team leaders card content
  • Урок 38. 00:11:41
    Add the team distribution pie chart
  • Урок 39. 00:14:29
    Add the support tickets resolved line graph
  • Урок 40. 00:06:54
    Mobile menu (part 1)
  • Урок 41. 00:11:23
    Mobile menu (part 2)
  • Урок 42. 00:12:44
    Mobile menu (part 3)
  • Урок 43. 00:07:08
    Mobile menu (part 4)
  • Урок 44. 00:09:51
    Create the loading skeleton for the employees table
  • Урок 45. 00:13:48
    Create the employees data table
  • Урок 46. 00:08:42
    Add pagination for the employees data table
  • Урок 47. 00:09:12
    Clean up the styling of the data table