Building an Admin Dashboard with Next.js, TypeScript, and Shadcn/ui

Building an Admin Dashboard with Next.js, TypeScript, and Shadcn/ui

Traversy Media via YouTube Direct link

- Dark Mode Toggler

23 of 28

23 of 28

- Dark Mode Toggler

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Building an Admin Dashboard with Next.js, TypeScript, and Shadcn/ui

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Project Setup
  3. 3 - Initialize Shadcn/ui
  4. 4 - Using Shadcn Components
  5. 5 - Navbar, Avatar, Dropdown Components
  6. 6 - Sidebar & Command Component
  7. 7 - Dashboard Cards
  8. 8 - Make The Cards Dynamic
  9. 9 - Posts Data Array & Types
  10. 10 - Posts Table
  11. 11 - Limit & Sort Posts
  12. 12 - Analytics Data & Types
  13. 13 - Analytics Chart & Recharts
  14. 14 - Posts Page
  15. 15 - Back Button Component
  16. 16 - Pagination Component
  17. 17 - Edit Post Page & Form
  18. 18 - Zod Form Schema
  19. 19 - Get Post Data
  20. 20 - useForm Hook
  21. 21 - Create Form
  22. 22 - Toast Component
  23. 23 - Dark Mode Toggler
  24. 24 - Auth Page & Layout
  25. 25 - Tabs Component
  26. 26 - Login Form
  27. 27 - Register Form
  28. 28 - Auth Page Theme Toggler

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.