Folder Architecture

Folder Architecture:

.
├── components
│   ├── elements
│   ├── layouts
│   └── modules
├── constants
├── context
├── hooks
├── pages
│   └── api
├── routes
├── store
│   └── slice
└── main.jsx

• elements: Basic building blocks.
• layouts: Wrap your pages with the default layout.
• modules: Modules are built from multiple elements.
• constants: Global constants.
• context: React Context providers.
• hooks: Custom hooks.
• pages: Your page routes (adopt from NextJS folder architecture).
• pages/api: Your APIs (adopt from NextJS folder architecture).
• routes: Global route for react-router.
• store: Store your Redux store.
• store/slice: Store your Redux slices.