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

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

Imagen image generation - Release Notes Deep Dive

In this deep dive, Alexander Nohe takes ...

  2025/03/13

Excel Full Course 2025 | Excel Tutorial For Beginners | Microsoft Exce

microsoft
Microsoft

🔥Data Analyst Masters Program (Discount ...

  2025/03/13

CISSP vs CISA vs CompTIA+ | Which Cybersecurity Certification is Right

Security

🔥CISSP Certification Training Course - ...

  2025/03/13

Network Protocol Explained | Types Of Network Protocol | Fundamentals

🔥Post Graduate Program In Cyber Security...

  2025/03/13

AI For Web Development | AI Tools For Web Developers | AI Coding Websi

🔥Purdue - Applied Generative AI Speciali...

  2025/03/13

Java Full Course in 10 Hours | Java Tutorial for Beginners [2025] | Ja

🔥Edureka Java Training (Use Code "𝐘𝐎𝐔𝐓𝐔𝐁...

  2025/03/13

Excel Full Course 2025 | Excel Tutorial For Beginners | Microsoft Exce

microsoft
Microsoft

🔥Data Analyst Masters Program (Discount ...

  2025/03/13

Web Development Full Course 2025 | Web Development Tutorial | Web Deve

🔥Full Stack Java Developer Program (Disc...

  2025/03/13

JavaScript Tutorial for Beginners | JavaScript Tutorial 2025 | Edureka

javascript

🔥 Full Stack Developer Course(Masters Pr...

  2025/03/12

How to Create Maps in Power BI | Visualize with Maps in Power BI | Pow

🔥 Microsoft Power BI Certification Train...

  2025/03/12

Start covering your bases & Stop chasing APT headlines - Avishay Zawoz

Security

This talk was recorded at NDC Security i...

  2025/03/12

Flutter code clutter? Tidy up with this VS Code trick!

flutter

So you’re drowning in Flutter code? 🌊 Le...

  2025/03/11

How to Use Blueprints to Organize Your Flask Apps (2025)

flask

As your **Flask application** grows, man...

  2025/03/11

Make Your React Site 100% Faster With This Amazing FREE Tool

react

React Simplified Course: Debugging Rea...

  2025/03/11

SQL Full Course In 10 Hours [2025] | SQL Tutorial | Complete SQL Cours

sql

🔥 𝐄𝐝𝐮𝐫𝐞𝐤𝐚 𝐒𝐐𝐋 𝐂𝐨𝐮𝐫𝐬𝐞 𝐓𝐫𝐚𝐢𝐧𝐢𝐧𝐠 (Use Code ...

  2025/03/11