initical setup done

• npm install @reduxjs/toolkit react-redux
• npm install antd --save

Branches

• 2. Redux+RTK+ Antdesign Integrated - This is redux starter .
• 1. main - This is main branch of next js 13.4 app route with ts.

Branches

• 15 CRUD-Department of Admin
• 14 Reusable Table
• 13 From Validation yup -3🦋
• 12 Reusable Component
• 11 Role Based Route
• 10 Login Logout Handle - 2🦋
• 09 Local Storage
• 08 Inject Authapi endpoints
• 07 Part-One - 1🦋
• 06 React hook form
• 05 Render Dynamic Sidebar based on User Roles
• 04 USER ROLE Based Sidebar
• 03 Basic Routing and Layput
• 02 Redux+RTK+ Antdesign Integrated - This is redux starter .
• 01 main - This is main branch of next js 13.4 app route with ts.

Run the frontend

• 1st Run the api gateway backend.

  • brew service start redis
  • yarn run dev

• 2nd Run the api auth service backend.

  • yarn start

• 3rd Run the api core service backend.

  • yarn start

• 4th Run the frontend

  • yarn start

initical setup done

• npm install @reduxjs/toolkit react-redux
• npm install antd --save

Notes:

2️⃣.

• Route: http://localhost:3000/student
• Make layout.tsx, loading.tsx, not-found.tsx, error.tsx component same as next doc
• https://ant.design/docs/react/use-with-next
• Use antd with next and provide the StyledComponentsRegistry component to the Providers.tsx .

3️⃣. Customized Next js default layout & group wise layout.

• first break down the dashboard layout into two parts: sidebar and layout for content.
• Make sidebar.tsx static and show out content right side
• Route:
  • http://localhost:3000/super-admin
  • http://localhost:3000/student

4️⃣. Create Sidebar options based on User Roles

5️⃣. Render Dynamic Sidebar based on User Roles

6️⃣. Create hook form provider

7️⃣. Create reusable input fields

8️⃣. Create Login Page using reusable from