Shadcn UI & Next JS – Build beautiful dashboards with shadcn

سرفصل های دوره

shadcn ui - build dashboards with shadcn ui components, including shadcn ui, tailwindcss, and Next JS (shadcn ui 2024)

1. Introduction

1. Important! Read this before you start the course! (Github repo etc).html

2. Project overview

3. Udemy ratings and reviews

4. Set up new Next JS project and install shadcn ui

2. Build the landing page

1. Add the landing page text and buttons

2. Tidying up the landing page styles and link to login and signup pages

3. Customise shadcn ui theme

4. Build the light and dark mode toggle

3. Build the login page

1. Add the login page and card

2. Create the login form

4. Build the sign up page

1. Add the sign up page and card

2. Add the account type select field

3. Add the company name and employees fields and validation

4. Add the date of birth validation

5. Add the date of birth field with Popover

6. Customize the Calendar

7. Render selected date + custom dropdowns for month year selection

8. Add the dropdown captions and years values

9. Hook up month and year navigation anytime the custom dropdown values change

10.1 Password input.txt

10. Add the password and confirm password fields

11. Create a custom PasswordInput component

12. Add the terms and conditions checkbox

5. Build the dashboard layout

1. Create the dashboard layout

2. Create the MenuTitle

3. Build out the side panel menu items

4. Add the sidebar footer with Avatar

5. Add the missing pages and refactor HTML tags

6. Build the My Dashboard page

1. Add the employees stats and teams stats tabs

2. Add the data Cards

3. Start adding the Card content

4. Extend the shadcn ui Button component

5. Add the employees present card content

6.1 cm.zip

6.2 rl.zip

6.3 tf.zip

6. Add the employee of the month card content

7. Create the stacked bar chart with recharts

8. Finish the bar chart

9. Create the teams stats component

10.1 cm.zip

10.2 rl.zip

10.4 tf.zip

10. Add the team leaders card content

11. Add the team distribution pie chart

12. Add the support tickets resolved line graph

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy