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

Published: 19 December 2023
on channel: CodingMSTR
11,459
192

🔗 Stay Connected:
🌐 Website: https://codingmstr.com
📘 Instagram:   / codingmstr  
💼 LinkedIn:   / ipraveenkmr  
📘 Facebook:   / procodingmaster  

SignUp and SignIn Page Next JS Code
https://codingmstr.com/project/sign-i...

Next JS MySQL Connection Code
https://github.com/ipraveenkmr/Next-J...

Next JS Authentication and Google SignIn Code
https://codingmstr.com/project/next-j...

Light Mode To Dark Mode Code
https://codingmstr.com/project/react-...

Full Source Code Link:
https://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?


On this page of the site you can watch the video online Building a React Next.js Admin Dashboard Template with Tailwind CSS and Source Code with a duration of hours minute second in good quality, which was uploaded by the user CodingMSTR 19 December 2023, share the link with friends and acquaintances, this video has already been watched 11,459 times on youtube and it was liked by 192 viewers. Enjoy your viewing!