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

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

Windows ファイルサーバーを AWS クラウドで構築 (入門編)

Amazon
Microsoft
cloud

ファイルサーバーの使い勝手はそのままに、ハードウェアの運用を手放すことが出来るA...

  2024/06/14

Getting started with GenType

Ready to re-learn your ABC’s? Check out ...

  2024/06/13

Using Python to List the files in a Directory

python

This is a preview of the video course, "...

  2024/06/13

Linux Crash Course for Beginners with Labs

In this Linux crash course, you will lea...

  2024/06/13

Do you keep it casual or classy with your team?

Classy or casual? 🤔 Let us know below w...

  2024/06/13

【AWS Summit Japan 2024】開発者のためのライブステージ「Developers on Live」をここで見よう ~ Day

Amazon
cloud

クラウドネイティブ開発についてもっと深く知りたい人のためのライブステージ「Dev...

  2024/06/13

【AWS Summit Japan 2024】開発者のためのライブステージ「Developers on Live」をここで見よう ~ Day

Amazon
cloud

クラウドネイティブ開発についてもっと深く知りたい人のためのライブステージ「Dev...

  2024/06/13

Learn Three.js by Building 5 Projects

javascript

Learn fundamental JavaScript coding tech...

  2024/06/12

Amazon CloudWatch Evidently【AWS Black Belt】

Amazon
cloud

本動画の資料はこちら Amazon CloudWatch Evidently...

  2024/06/12

Android Developer Story: Adidas builds features up to 30% faster with

android
android

Learn more about how the team at adidas ...

  2024/06/11

Firebase After Hours #3: Genkit More than Meets the AI!

firebase

Hang out with Nohe and Peter to learn mo...

  2024/06/11

Top 3 updates around Compose across form factors at Google I/O ‘24

Google

Google I/O 2024 was filled with lots of ...

  2024/06/11

Shake It Up With Pixel's June '24 Feature Drop

#TeamPixel, it's about that time for ano...

  2024/06/11

Data insights and key-value distributions in Crashlytics

Crashlytics now shows data insights and ...

  2024/06/11

#WeArePlay | Bernard Frischer | Flyover Zone | USA

Meet Bernard from Bloomington, Indiana. ...

  2024/06/11