Next.js admin demo required

Login
dashboard -> top header and left header(Menu dynamic based on access) and footer as seperate layout
Add users ->
-> add, edit, remove, access(to choose which page he can access)
Top header bellow the name-> open drop down for profile, change password, logout option
Change password open using bootstrap model
Profile page for update user data, with user profile pic(crop)
Page setting -> have each page title can be change from here and save in database as well cache. That means if data is in cache it should from cache else read from database, if null then show static title.



React,next, bootstrap, typescript, mysql
Next.js – Hooks with TypeScript-based architecture
proper form validation (let me know the name before)
Must be proper page optimized
If login user open the page, must be auto redicrt to dashboard page
If non-login user open dashboard, page should not show anything , and redirect back to login screen
Must use of react-context and redux for storage
routing must be based on auth based
Developer-Friendly Folder Structure and Code
active menu based on active page
Must use proper loader, toaster, confirmalert etc
Must use proper middleware and securty things for better code
Must handle proper session for loggedin user
Each page must have dynamic page title,
Must put all the contant in seperate file,
Sepearate file/folder for config, controller, routing, middleware, error handler


Before start confirm the UI which you are planning to use. we need to ensure the UI template before you start, so that later no issue