Build a NEXT.JS User Dashboard - Tailwind CSS - Chart.js

preview_player
Показать описание
Follow along and build a responsive enterprise level Next JS user dashboard styled with tailwind css.

ZeroTo Mastery:

💻 Solve EDABIT coding challenges - BEGINNER! 💻

🔥 Connect with me on IG 🔥

☕ Support the channel ☕

🔥 My Coding Equipment 🔥

Github Repo:

Timestamps-
00:00 - Start
00:54 - Create NEXT JS App
01:45 - Install Tailwind CSS
04:16 - Header Component
06:52 - Sidebar Component Wrapper
16:57 - Top Cards Component
35:35 - Add Data
36:58 - Recent Orders Component
46:35 - Customer Page
57:20 - Orders Page
  1. Code Commerce
  2. react
  3. reactjs
  4. javascript
  5. web developer
  6. nextjs
Рекомендации по теме
Next.js 14 Admin 3:31:24

Next.js 14 Admin Dashboard Tutorial | Fullstack Next.js 14 Project with Server Actions

Build a NEXT.JS 1:12:34

Build a NEXT.JS User Dashboard - Tailwind CSS - Chart.js

Building a BEAUTIFUL 0:04:56

Building a BEAUTIFUL Dashboard Was Never Easier

How To Create 0:15:17

How To Create a Dashboard using Nextjs 14 & Shadcn UI Tutorial

Build a Modern 1:23:57

Build a Modern Analytics Dashboard with Next.js 14, React, Tailwind - 2024

Build and Deploy 5:38:33

Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More

Build a Responsive 0:10:55

Build a Responsive NextJS Tailwind Dashboard Layout

Build and Deploy 1:16:34

Build and Deploy Responsive Dashboard with Next.js and Shadcn UI Components #nextjs

User forget password 0:49:46

User forget password with mobile otp||Hotel management system||django nextjs tutorials

Admin Dashboard From 2:16:37

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

Build and Deploy 6:29:44

Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14

Build admin panel 1:05:46

Build admin panel template from scratch | Next js And Tailwind CSS Episode 01

Build a Next.js 0:55:36

Build a Next.js 13 Dashboard With Authentication using AWS

Build Role Access 1:17:50

Build Role Access Dashboard with Next.js 14,Supabase, Shadcn,Tailwind

Responsive Side Navigation 0:20:23

Responsive Side Navigation Bar in Next.js & TailwindCSS | Dashboard Sidebar Menu

Auth0 in 100 0:08:24

Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial

Full Stack Ecommerce 3:42:33

Full Stack Ecommerce Store With Admin Dashboard From Scratch - Next.js, Prisma, Stripe, Tailwind

Build a Fullstack 3:02:53

Build a Fullstack Next.js 13 Admin Dashboard | Next.js 13, Tailwind CSS , MongoDB, Next Auth

How to Manage 0:12:11

How to Manage User Roles in NextJS / NodeJS

Admin Dashboard Project 0:34:53

Admin Dashboard Project and Free Source Code developed using React NextJS

Build and Deploy 3:54:32

Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More

React Full Course 5:39:05

React Full Course - Next.js 14 Admin Dashboard with Tailwind CSS

Nextjs 15 Dashboard 2:19:17

Nextjs 15 Dashboard App For Beginners [ Learn Next.js 15 & React 19 In 2 Hours ]

Build and Deploy 4:41:34

Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS

Комментарии
Автор

Great job! Excellent speed to follow. Love that you took time to break down the classNames! Thank you!

planetmall
Автор

Thanks! great tutorial. Very easy to follow and results are satisfying to see. More please.

czarek
Автор

love your work! love it when the coe works!!

RaulGlasgow
Автор

😍 Thank you. You don't know how helpful this is.

opadotuntaiwooluwaseun
Автор

Exactly what I was looking for, thank you!

Gogoreds
Автор

Bro, don’t tell me you stopped making videos! You helped me so much at the beginning stage.❤ continue plz!

Pavel_k
Автор

Great video! I would appreciate to see some projects with Nexjs 13, TailwindCSS and MongoDB.Thank you

patite
Автор

Just found your channel and love the videos. Thanks for enabling my tutorial hell. :)

slackergeek
Автор

increadible what can be done in about 1 hour... really great content

unhandledexception
Автор

Appreciate the react projects man! I also really enjoy using Tailwind CSS most of the time lol

derekprieur
Автор

Perfect I like the way you teach thank you 👏👏

ShinubiNaruto-hjfo
Автор

Tailwind CSS is actually good. Thanks for this.

nocopyrightgameplaystockvi
Автор

Excellent job! you just got one more subscriber. Thnaks!

davidminestroich
Автор

Great video, i love your tutorial thank you

abdulqadirmohamed
Автор

Thanks for sharing your knoweledge with us bro!

Brlesskoin
Автор

Nice tutorial, You're doing great

Belajar_GenAI
Автор

Thanks for sharing!! I like Tail + Next 🤩

maurov
Автор

Started off with Bootstrap and mastered it after working with it for a year. By far, using Tailwind is more efficient and effective in my opinion and the learning curve is so much easier than Bootstrap. Thumbs up to Tailwind CSS 👍

dalestewart
Автор

Gracias gran vídeo me gusto mucho la simplicidad con la que generas los componentes

johnc.pertuzpertuz
Автор

Honestly, im a backend engineer but wanna learn FE that using next or react. This tutorial is AWESOME. Even i often pause and play, rewind hahhaha. I have followed and it's done. Thw real matter for me is lack of CSS knowledge. Sorry for my bad english

sigitbudidarmawan