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)

4.89 (44 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Shadcn UI + Next JS - Build beautiful dashboards with shadcn
403
students
8 hours
content
Mar 2024
last update
$54.99
regular price

What you will learn

Increase your value and improve your knowledge as a web developer

Learn how to build a dashboard with shadcn ui

Learn client side validation with zod and react-hook-form

Learn how to create beautiful charts and data visualizations using recharts

Why take this course?

🌟 **Course Title:** Shadcn UI + Next JS - Build Beautiful Dashboards {πŸŽ“} --- ### Course Headline: **Unlock the Full Potential of Your Web Development Skills with "Shadcn UI & Next.js"!** --- ### Course Description:

Embark on a journey into the heart of modern front-end development with our "Shadcn UI & Next.js" course, designed for developers who are passionate about creating cutting-edge dashboards using Shadcn UI's robust suite of components in conjunction with Next.js. This course is your key to unlocking expertise in integrating form functionalities, client-side validation, component customization, and dynamic chart creation – all critical components for excelling as a web developer.

This course is specifically tailored to focus on the front-end aspect of development, steering clear of backend logic, databases, or authentication implementation. Here, we'll work with hardcoded / dummy data to ensure our attention remains solely on building out stunning front ends with Shadcn UI.

Why This Course?

  • Focused Learning Path: By narrowing down the focus to building an interactive dashboard, you'll gain a deep understanding of the most in-demand skills in web development today.

  • Hands-On Shadcn UI & Next.js: You'll learn how to effectively combine Shadcn UI's components with Next.js to create fast, server-rendered React applications.

  • Forms and Validation with Zod: Master the art of creating forms with react-hook-form and implementing robust client-side validation using Zod, ensuring that your data is both valid and user-friendly.

  • Extendable Components: Discover how to extend Shadcn UI's components to meet the unique requirements of your projects, giving you the versatility to adapt to any situation.

  • Styling with Tailwind CSS: Learn to style your dashboard using Tailwind CSS's utility-first approach, making design decisions within your HTML template without leaving your codebase.

  • Interactive Charts with Recharts: Integrate responsive and customizable charts into your dashboard using Recharts. These visual elements will make your data more accessible and engaging for the end-user.

  • Pure Frontend Focus: This course is dedicated to frontend development, utilizing hardcoded/dummy data to avoid backend complexities or authentication overhead. Your focus? Crafting a visually stunning, interactive user interface with Shadcn UI.

--- **Join us in this transformative learning experience and elevate your front-end development skills to new heights! πŸš€**

Reviews

Carol
February 23, 2024
I wasn't expecting all the nice little extras outside of shadcn ui like extensive form validation and graphs. Great job, Tom.

Charts

Price

Shadcn UI + Next JS - Build beautiful dashboards with shadcn - Price chart

Rating

Shadcn UI + Next JS - Build beautiful dashboards with shadcn - Ratings chart

Enrollment distribution

Shadcn UI + Next JS - Build beautiful dashboards with shadcn - Distribution chart
5687912
udemy ID
12/1/2023
course created date
2/18/2024
course indexed date
Bot
course submited by