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

Опубликовано: 04 Октябрь 2024
на канале: 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?