Building a React Next.js Admin Dashboard Template with Tailwind CSS and Source Code

🔗 Stay Connected:
🌐 Website: codingmstr.com
📘 Instagram: / codingmstr
💼 LinkedIn: / ipraveenkmr
📘 Facebook: / procodingmaster
SignUp and SignIn Page Next JS Code
codingmstr.com/project/sign-i...
Next JS MySQL Connection Code
github.com/ipraveenkmr/Next-J...
Next JS Authentication and Google SignIn Code
codingmstr.com/project/next-j...
Light Mode To Dark Mode Code
codingmstr.com/project/react-...
Full Source Code Link:
codingmstr.com/project/react-...
#reactjs #nextjs #javascript
🚀 Welcome back, developers! Learn to Develop React Next JS Admin Dashboard using Tailwind CSS and MUI.
0:00 React Next JS Dashboard Introduction
4:00 Next JS Installation, api, directory Fine Edit Require in Starting
15:00 Signin Signup Form Using Tailwind Next JS
27:00 MUI sidenav
35:40 Sidenav Sub-Menu
41:10 Layout in Next Js
53:00 Detect Active Menu in Sidenav
1:02:50 How to Use MySQL in Next JS?
1:21:00 Add Data Table with Pagination
1:36:50 Add MUI Data Table
1:53:30 Add Form Validation using React Form Hook and Yup
2:14:10 React Toastify
2:16:19 Submit Form Data to MySQL Using Axios
2:19:50 Delete Records of MySQL Table in Next JS Using API
2:27:10 How to add React Confirm Alert Before Deleting Record?
2:19:50 Edit Records of MySQL Table in Next JS Using API
2:45:47 How to Search Records of Data Table on typing text?
2:53:05 Add Different Charts like Line Chart, Bar Chart, Donut Chart, etc.
3:04:26 Next SEO like adding sitemap, robots.txt, title, description, og images
3:18:00 Setting Up Dashboard Using Cards, hover transition, circular and semi-circular progress
3:31:43 Adding Number animation using React Count Up
3:33:39 How to update to Next JS 14 from Next JS 13
3:35:10 User Authentication Using NextAuth and addding Google Sign In
3:57:14 How to change color theme like light to dark theme in Next JS?

[@joyustcian222]

nice one

[@codingmstr]

Thanks

[@user-fe1wb7qv6x]

wounder full bro you are amazing

[@codingmstr]

Big thanks

[@user-fe1wb7qv6x]

can you make a dashboard using shade cn ui not Mui@@codingmstr

[@mdasadulgoni]

sir nexjs sikhna he

[@k303k]

Hello sir if u make eng version for this tutorial That would be so amazing sir!

[@paieu]

pay me i will help you to translate this

[@codingmstr]

I will try, thanks for watching :)

[@k303k]

@@codingmstr yess sir pls make thanks a lot

[@_kucial_]

When I am adding the users back its not updating why? Please help me with this .

[@user-mr8hf5jt8k]

same here bro

[@_kucial_]

@@user-mr8hf5jt8k i am doing this as a project work . I had to do it again from the MySQL part .

[@shortshub334]

Wo sir ne jaan k skip kiya wo part taki ham pay kar k source code lee

[@_kucial_]

@@shortshub334 haa mujhe laaga hi tha

[@_kucial_]

​@@shortshub334mera Google sign in nhi ho rha pls kuch suggest karo

[@muhammadzeshan8812]

where is link for library...??

[@codingmstr]

Which library

[@muhammadzeshan8812]

@@codingmstr sir you said: "You provide a link for lib diractory and in which contain a file db.js and some changes in next.config.js you said just copy and paste these file.

[@muhammadzeshan8812]

In this project I follow you from scratch your teaching method is awesome. but I want to complete my project. but you assure your student's that you provide all necessary files that are copy paste material. Thank You!

[@codingmstr]

sorry for that
I have included link of that library please check

[@muhammadzeshan8812]

Thank you so much sir! @@codingmstr