In this video, we will build a dashboard interface from scratch.
Check out the sponsor, Mailtrap:
https://l.rw.rw/traversy_media
Full Source Code:
https://github.com/bradtraversy/traversypress-ui
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:
https://www.traversymedia.com/nextjs-from-scratch
Udemy Version:
https://www.udemy.com/course/nextjs-from-scratch
Timestamps:
- Intro
- Project Setup
- Initialize Shadcn/ui
- Using Shadcn Components
- Navbar, Avatar, Dropdown Components
- Sidebar & Command Component
- Dashboard Cards
- Make The Cards Dynamic
- Posts Data Array & Types
- Posts Table
- Limit & Sort Posts
- Analytics Data & Types
- Analytics Chart & Recharts
- Posts Page
- Back Button Component
- Pagination Component
- Edit Post Page & Form
- Zod Form Schema
- Get Post Data
- useForm Hook
- Create Form
- Toast Component
- Dark Mode Toggler
- Auth Page & Layout
- Tabs Component
- Login Form
- Register Form
- Auth Page Theme Toggler
1:00:21
12:08
52:41
3:23:11