Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui

typescript
youtube
Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui In this video, we will build a dashboard interface from scratch. Check out the sponsor, Mailtrap: Full Source Code: This project will use the following technologies: - React/Next.js - Shadcn/ui - TypeScript - Tailwind CSS - Recharts - Lucide React - React Hook Form & Zod Full Next.js Course: Udemy Version: Timestamps: 0:00 - Intro 4:02 - Project Setup 9:18 - Initialize Shadcn/ui 10:37 - Using Shadcn Components 12:54 - Navbar, Avatar, Dropdown Components 24:04 - Sidebar & Command Component 33:40 - Dashboard Cards 39:55 - Make The Cards Dynamic 44:13 - Posts Data Array & Types 47:50 - Posts Table 59:13 - Limit & Sort Posts 1:02:27 - Analytics Data & Types 1:04:30 - Analytics Chart & Recharts 1:11:10 - Posts Page 1:13:50 - Back Button Component 1:16:38 - Pagination Component 1:18:00 - Edit Post Page & Form 1:23:34 - Zod Form Schema 1:25:17 - Get Post Data 1:27:00 - useForm Hook 1:28:45 - Create Form 1:38:03 - Toast Component 1:42:29 - Dark Mode Toggler 1:49:48 - Auth Page & Layout 1:55:26 - Tabs Component 2:00:47 - Login Form 2:10:50 - Register Form 2:13:52 - Auth Page Theme Toggler
  2024/06/03      youtube

関連するプログラミング動画 [typescript]

Our Tag

最近投稿されたプログラミング学習動画

AI & ML Full Course 2025 | Complete Artificial Intelligence and Machin

study

🔥PGP in Generative AI and ML in collabor...

  2025/11/28

Advice from a serial career changer with GitHub's Andrea Griffiths [Po

github

Today Quincy Larson interviews Andrea Gr...

  2025/11/28

Google’s Gemini 3 Is INSANE! 🤯

Google

🔥PGP in Generative AI and ML in collabor...

  2025/11/28

Move out of your parents' house ASAP? or stay if you can? Thomas discu

Some people just can't wait to move out ...

  2025/11/28

Unit Testing (Vitest) Tutorial #5 - Using it.each

In this Unit Testing tutorial series, yo...

  2025/11/28

Getting Started With Claude Code: Introducing and Installing

python

Download your free Python Cheat Sheet he...

  2025/11/27

Watch this video if you're a developer!

DevLaunch is my mentorship program where...

  2025/11/27

Code a turkey timer!

Lots of turkeys are being cooked today.....

  2025/11/27

Unit Testing (Vitest) Tutorial #4 - Writing Better Tests

In this Unit Testing tutorial series, yo...

  2025/11/27

Python Web Scraping Tutorial: Build Your Own S&P 500 Stock List

python

#Programming #python #stocks #sp500 Des...

  2025/11/27

The trillion dollar AI opportunity: what some execs see that others mi

unity
Amazon

Get an insider's view as AWS's Randi Lar...

  2025/11/27

SAP ERP EDI integration using AWS B2B Data Interchange | Amazon Web Se

Amazon

In this demo we will show how you can au...

  2025/11/26

Generating Fiori Application Prototype Based on Hand Drawn Image | Ama

Amazon

In this video, you will see how function...

  2025/11/26

ABAP Code Documentation | Amazon Web Services

Amazon

In this video, we will share how Amazon ...

  2025/11/26

ABAP Unit Testing | Amazon Web Services

Amazon

In this demo, we will see how Amazon Q D...

  2025/11/26