Integrate
How to use any page into your existing project
Example: If you need to copy dashboard page to your project then follow the steps
- Context: You need to use Global Context Provider which provider a some shared state to each page. You need copy
/src/contexts/global.{jsx/tsx}. - Also you need to wrap GlobalContext as we do in
/src/app/AppProvider.{tsx/jsx} - Helpers: The you need to copy
/src/helpersfolder to your project, which contains utility helper functions - Components:
- DaisyUI: Copy
/src/components/daisyuifolder to your project, which contains daisyui components implementation for react. - Forms: Copy
/src/components/formsfolder to your project, which contains form components. - Other: If your page need other components then it present in
/src/components/*folders.
- DaisyUI: Copy
- Dashboard: Copy
/src/app/(admin)/dashboards/ecommercefolder - Server Action: Copy
/src/actions/dashboards/ecommerce.{js/ts}file. - Database: Copy
/src/database/dashboards/ecommerce.{js/ts}file.
How to use any page into your existing project
Example: If you need to copy dashboard page to your project then follow the steps
- Context: You need to use Global Context Provider which provider a some shared state to each page. You need copy
/src/contexts/global.{jsx/tsx} - Also you need to wrap GlobalContext as we do in
/src/App.{tsx/jsx} - Helpers: The you need to copy
/src/helpersfolder to your project, which contains utility helper functions - Components:
- DaisyUI: Copy
/src/components/daisyuifolder to your project, which contains daisyui components implementation for react. - Forms: Copy
/src/components/formsfolder to your project, which contains form components. - Other: If your page need other components then it present in
/src/components/*folders.
- DaisyUI: Copy
- Dashboard: Copy
/src/pages/admin/dashboards/ecommercefolder - API Function: Copy
/src/api/dashboards/ecommerce.{js/ts}file. - Database: Copy
/src/database/dashboards/ecommerce.{js/ts}file.