{"version":1,"pages":[{"id":"-M3SIBNhm5-JlQYCJO4a","title":"About Crema(CRA)","pathname":"/v1.0","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M6B-zhLFiYr9QVqHmIc","title":"Product Overview","pathname":"/v1.0/product-overview","siteSpaceId":"sitesp_CP0F9","description":"Here we explained about crema's directory"},{"id":"-M3ZlTrzXBewUgLsouU8","title":"Folder Structure","pathname":"/v1.0/folder-structure","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3SIPGi5L161lETWhUm","title":"Installation","pathname":"/v1.0/installation","siteSpaceId":"sitesp_CP0F9","description":"Installation for the CRA based app"},{"id":"-M3SIWWlFG5eY2sJhO-W","title":"Pre-Requisites","pathname":"/v1.0/installation/pre-requisites","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Installation"}]},{"id":"-M3SIfUZxO-IOSk1rEaq","title":"Installing Crema","pathname":"/v1.0/installation/installing-crema","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Installation"}]},{"id":"-MBjewReormDCLWLXJD1","title":"Default Route","pathname":"/v1.0/default-route","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3Zm-hu1hz4m3MrvlCJ","title":"Customization","pathname":"/v1.0/customization","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M6_bA3Srvk826IR7K8M","title":"Template Style","pathname":"/v1.0/customization/template-style","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zn5EJIroEdPj0-za2","title":"Template Mode","pathname":"/v1.0/customization/template-mode","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZnwFuS9rpMCQUkGZ_","title":"Template and Sidebar Color","pathname":"/v1.0/customization/template-and-sidebar-color","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zpe7qqGyI9ayG2Efc","title":"Tempate Direction","pathname":"/v1.0/customization/tempate-direction","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZqNKI6_MZjJP9-3lH","title":"Navigation Style","pathname":"/v1.0/customization/navigation-style","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZrGNJgWB6cVEH42av","title":"Footer","pathname":"/v1.0/customization/footer","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZrcOHX-I7BPWSAIOo","title":"Footer Type","pathname":"/v1.0/customization/footer-type","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zs37T4oUltKIMa9IL","title":"Route Transition","pathname":"/v1.0/customization/route-transition","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZsjX8FIy8pbgsfzNN","title":"Multi-Lingual Support","pathname":"/v1.0/multi-lingual-support","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3ZsxTrWvFb6CmGvBZ2","title":"Changing Language","pathname":"/v1.0/multi-lingual-support/changing-language","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Multi-Lingual Support"}]},{"id":"-M3ZtRZL3smxL_lkGgNL","title":"Adding New Language","pathname":"/v1.0/multi-lingual-support/adding-new-language","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Multi-Lingual Support"}]},{"id":"-M3ZuHIL3sG8fyMLxW3k","title":"Sidebar Menu","pathname":"/v1.0/sidebar-menu","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3Zx4pGg67cNb_g-y69","title":"Adding New Menu","pathname":"/v1.0/sidebar-menu/adding-new-menu","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Sidebar Menu"}]},{"id":"-M3ZxMthDsREhEanYMNi","title":"Route Protection","pathname":"/v1.0/route-protection","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3Zy8PL7R1tKokshNaO","title":"Loggedin User","pathname":"/v1.0/loggedin-user","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M3ZyI9x-w3dwStb8emX","title":"Axios Setup","pathname":"/v1.0/axios-setup","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-MI5bv2P7SrUJkN5wYau","title":"Package.json","pathname":"/v1.0/package-json","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-MBcxtpAdxqejmJj4pNz","title":"GitHub Access","pathname":"/v1.0/github-access","siteSpaceId":"sitesp_CP0F9","description":"Crema GitHub Repo access"},{"id":"-ME3vCgQMOFFxrheJryU","title":"Slack Community","pathname":"/v1.0/slack-community","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-ME_desx3iqYOEse86Eb","title":"FAQ","pathname":"/v1.0/faq","siteSpaceId":"sitesp_CP0F9","description":""},{"id":"-M9A784W42kJBzdmt8RP","title":"About CRA+SSR","pathname":"/v1.0/cra-ssr/about-ssr","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"CRA-SSR"}]},{"id":"-M9A7_uBTj8QuZgAiRTZ","title":"Installation","pathname":"/v1.0/cra-ssr/installation","siteSpaceId":"sitesp_CP0F9","description":"Installation for the CRA +SSR version","breadcrumbs":[{"label":"CRA-SSR"}]},{"id":"-M9A2z9WiZbtNdmVlzeI","title":"Folder Structure","pathname":"/v1.0/cra-ssr/folder-structure","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"CRA-SSR"}]},{"id":"-M9A979fPrJvD2d4pkdB","title":"Route Protection","pathname":"/v1.0/cra-ssr/route-protection","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"CRA-SSR"}]},{"id":"-MBji59N0LP49NKvXI6T","title":"Deploy to server","pathname":"/v1.0/cra-ssr/deploy-to-server","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"CRA-SSR"}]},{"id":"-MBd0OqGxyeqWuZ1CGAP","title":"About Next.JS","pathname":"/v1.0/next.js/about-next.js","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MAS9q6Nlfp2F4WMWwxi","title":"Installation","pathname":"/v1.0/next.js/installation","siteSpaceId":"sitesp_CP0F9","description":"Installation for the Next.js based template","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MAS-lCSa_HsK0R211En","title":"Folder Structure","pathname":"/v1.0/next.js/folder-structure","siteSpaceId":"sitesp_CP0F9","description":"Folder Structure for the Next.js based  template","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MBjhuds2RQaQdGCBlui","title":"Deploy to server","pathname":"/v1.0/next.js/deploy-to-server","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MBd1YoIi1zqTYHv3FLy","title":"About Next.js + Typescript","pathname":"/v1.0/next.js-+-typescript/about-next.js+typescript","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Next.Js + TypeScript"}]},{"id":"-MBd4hBzIl4st_FuZwYY","title":"Installation","pathname":"/v1.0/next.js-+-typescript/installation","siteSpaceId":"sitesp_CP0F9","description":"Installation for the Next.js+Typescript based template","breadcrumbs":[{"label":"Next.Js + TypeScript"}]},{"id":"-MBd5-CbpyIOtrqzfuNJ","title":"Folder Structure","pathname":"/v1.0/next.js-+-typescript/folder-structure","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Next.Js + TypeScript"}]},{"id":"-MBjfp_P9QJEoin-8jVQ","title":"Deploy to server","pathname":"/v1.0/next.js-+-typescript/deploy-to-server","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Next.Js + TypeScript"}]},{"id":"-MFJM3Iz80ur5zPGfdL6","title":"About CRA + TypeScript","pathname":"/v1.0/cra-+-typescript/about-cra-+-typescript","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"CRA + TypeScript"}]},{"id":"-ME3t84WzXZZvOYfVy2q","title":"About Tailwind CSS","pathname":"/v1.0/tailwind-css/about-tailwind-css","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Tailwind CSS"}]},{"id":"-MFJKW2_ZSXP53AYBayO","title":"About Styled Component","pathname":"/v1.0/styled-component/about-styled-component","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Styled Component"}]},{"id":"-MHnzbPIpuvRFJLKH0_o","title":"Python","pathname":"/v1.0/servers/python","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Servers"}]},{"id":"-MGBx7yNi4P3el5qRoWW","title":"Mongoose","pathname":"/v1.0/servers/mongoose","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Servers"}]},{"id":"-MGESOJDf17OF6vS24C6","title":"Laravel","pathname":"/v1.0/servers/laravel","siteSpaceId":"sitesp_CP0F9","description":"","breadcrumbs":[{"label":"Servers"}]},{"id":"-M3SIBNhm5-JlQYCJO4a","title":"About Crema(CRA)","pathname":"/v2.0","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M6B-zhLFiYr9QVqHmIc","title":"Product Overview","pathname":"/v2.0/product-overview","siteSpaceId":"sitesp_ZwaqN","description":"Here we explained about crema's directory"},{"id":"-M3ZlTrzXBewUgLsouU8","title":"Folder Structure","pathname":"/v2.0/folder-structure","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M3SIPGi5L161lETWhUm","title":"Installation","pathname":"/v2.0/installation","siteSpaceId":"sitesp_ZwaqN","description":"Installation for the CRA based app"},{"id":"-M3SIWWlFG5eY2sJhO-W","title":"Pre-Requisites","pathname":"/v2.0/installation/pre-requisites","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Installation"}]},{"id":"-M3SIfUZxO-IOSk1rEaq","title":"Installing Crema","pathname":"/v2.0/installation/installing-crema","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Installation"}]},{"id":"-MBjewReormDCLWLXJD1","title":"Default Route","pathname":"/v2.0/default-route","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M3Zm-hu1hz4m3MrvlCJ","title":"Customization","pathname":"/v2.0/customization","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M6_bA3Srvk826IR7K8M","title":"Template Style","pathname":"/v2.0/customization/template-style","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zn5EJIroEdPj0-za2","title":"Template Mode","pathname":"/v2.0/customization/template-mode","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZnwFuS9rpMCQUkGZ_","title":"Template and Sidebar Color","pathname":"/v2.0/customization/template-and-sidebar-color","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zpe7qqGyI9ayG2Efc","title":"Tempate Direction","pathname":"/v2.0/customization/tempate-direction","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZqNKI6_MZjJP9-3lH","title":"Navigation Style","pathname":"/v2.0/customization/navigation-style","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZrGNJgWB6cVEH42av","title":"Footer","pathname":"/v2.0/customization/footer","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZrcOHX-I7BPWSAIOo","title":"Footer Type","pathname":"/v2.0/customization/footer-type","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3Zs37T4oUltKIMa9IL","title":"Route Transition","pathname":"/v2.0/customization/route-transition","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Customization"}]},{"id":"-M3ZsjX8FIy8pbgsfzNN","title":"Multi-Lingual Support","pathname":"/v2.0/multi-lingual-support","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M3ZsxTrWvFb6CmGvBZ2","title":"Changing Language","pathname":"/v2.0/multi-lingual-support/changing-language","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Multi-Lingual Support"}]},{"id":"-M3ZtRZL3smxL_lkGgNL","title":"Adding New Language","pathname":"/v2.0/multi-lingual-support/adding-new-language","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Multi-Lingual Support"}]},{"id":"-M3ZuHIL3sG8fyMLxW3k","title":"Sidebar Menu","pathname":"/v2.0/sidebar-menu","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M3Zx4pGg67cNb_g-y69","title":"Adding New Menu","pathname":"/v2.0/sidebar-menu/adding-new-menu","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Sidebar Menu"}]},{"id":"-M3ZxMthDsREhEanYMNi","title":"Route Protection","pathname":"/v2.0/route-protection","siteSpaceId":"sitesp_ZwaqN","description":"Route protection with CRA"},{"id":"-M3Zy8PL7R1tKokshNaO","title":"Loggedin User","pathname":"/v2.0/loggedin-user","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-M3ZyI9x-w3dwStb8emX","title":"Axios Setup","pathname":"/v2.0/axios-setup","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-MI5bv2P7SrUJkN5wYau","title":"Package.json","pathname":"/v2.0/package-json","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-MBcxtpAdxqejmJj4pNz","title":"GitHub Access","pathname":"/v2.0/github-access","siteSpaceId":"sitesp_ZwaqN","description":"Crema GitHub Repo access"},{"id":"-ME3vCgQMOFFxrheJryU","title":"Slack Community","pathname":"/v2.0/slack-community","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-ME_desx3iqYOEse86Eb","title":"FAQ","pathname":"/v2.0/faq","siteSpaceId":"sitesp_ZwaqN","description":""},{"id":"-MBd0OqGxyeqWuZ1CGAP","title":"About Next.JS","pathname":"/v2.0/next.js/about-next.js","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MAS9q6Nlfp2F4WMWwxi","title":"Installation","pathname":"/v2.0/next.js/installation","siteSpaceId":"sitesp_ZwaqN","description":"Installation for the Next.js based template","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MAS-lCSa_HsK0R211En","title":"Folder Structure","pathname":"/v2.0/next.js/folder-structure","siteSpaceId":"sitesp_ZwaqN","description":"Folder Structure for the Next.js based  template","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MOZUhSocAUpBlmnNaos","title":"Route Protection","pathname":"/v2.0/next.js/route-protection","siteSpaceId":"sitesp_ZwaqN","description":"Route protection with Next.js","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MBjhuds2RQaQdGCBlui","title":"Deploy to server","pathname":"/v2.0/next.js/deploy-to-server","siteSpaceId":"sitesp_ZwaqN","description":"","breadcrumbs":[{"label":"Next.js"}]},{"id":"-MHnzbPIpuvRFJLKH0_o","title":"Python","pathname":"/v2.0/servers/python","siteSpaceId":"sitesp_ZwaqN","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"-MGBx7yNi4P3el5qRoWW","title":"Mongoose","pathname":"/v2.0/servers/mongoose","siteSpaceId":"sitesp_ZwaqN","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"-MGESOJDf17OF6vS24C6","title":"Laravel","pathname":"/v2.0/servers/laravel","siteSpaceId":"sitesp_ZwaqN","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"npw145sMUWIPXMKeENdL","title":"About Crema","pathname":"/v-3","siteSpaceId":"sitesp_DL80V","description":"Crema is based on the MUI, React Bootstrap and Ant design"},{"id":"EUsYPlxC4bX26a9cT8Ks","title":"Crema Overview","pathname":"/v-3/overview/crema-overview","siteSpaceId":"sitesp_DL80V","description":"Crema is available in the Next js and CRA(create-react-app).  Crema is also available in both Typescript and Javascript.","breadcrumbs":[{"label":"Overview"}]},{"id":"ZYDVokHOj3ZSbTK2DKXS","title":"Folder Structure","pathname":"/v-3/overview/folder-structure","siteSpaceId":"sitesp_DL80V","description":"Crema has a vast and professional folder structure.","breadcrumbs":[{"label":"Overview"}]},{"id":"h3iYrsfjiEgRU8u6Ful3","title":"@crema","pathname":"/v-3/overview/folder-structure/crema","siteSpaceId":"sitesp_DL80V","description":"Crema is the main directory of the Crema Template","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"WpuwTy5ZpBSDr3FXXlcv","title":"page","pathname":"/v-3/overview/folder-structure/page","siteSpaceId":"sitesp_DL80V","description":"In the page directory in the crema you will get all pages and it's components","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"4nnkmwOnVmArA7UiMf6Z","title":"redux","pathname":"/v-3/overview/folder-structure/redux","siteSpaceId":"sitesp_DL80V","description":"redux configuration of the crema template.","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"t96CwDIl3UvCVkcNvqm1","title":"shared","pathname":"/v-3/overview/folder-structure/shared","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"l1QQ4u21q232sPWol3Yg","title":"types","pathname":"/v-3/overview/folder-structure/types","siteSpaceId":"sitesp_DL80V","description":"the type definition of the crema template.","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"jbYe2mMSxOXdCnysEbAJ","title":"GitHub Access","pathname":"/v-3/overview/github-access","siteSpaceId":"sitesp_DL80V","description":"Crema provides GitHub access to its users, so users can access the latest feature, make a pull request, bug fixes.","breadcrumbs":[{"label":"Overview"}]},{"id":"rMU321X7kP5ZhMjqNbGt","title":"Slack Community","pathname":"/v-3/overview/slack-community","siteSpaceId":"sitesp_DL80V","description":"Connect with a community of technical professionals working together to ship high-quality. Share your idea and insights, for inspiration collaboration, and great results.","breadcrumbs":[{"label":"Overview"}]},{"id":"y6UhFp0Zc8VDHoG5y4us","title":"Figma File","pathname":"/v-3/overview/figma-file","siteSpaceId":"sitesp_DL80V","description":"Crema Figma.","breadcrumbs":[{"label":"Overview"}]},{"id":"2lBboy2gTc8T86dzq12e","title":"Installation","pathname":"/v-3/development/installation","siteSpaceId":"sitesp_DL80V","description":"In Crema the following chapters in this module will explain the steps to Set up the Crema. You need to follow the steps one by one in the written order.","breadcrumbs":[{"label":"Development"}]},{"id":"WcikFEsGgAzUcB2DPmtt","title":"Pre-Requisites","pathname":"/v-3/development/installation/pre-requisites","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"Development"},{"label":"Installation"}]},{"id":"qrhTXqSJeKc4rJcRv8Jj","title":"Installing Crema","pathname":"/v-3/development/installation/installing-crema","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"Development"},{"label":"Installation"}]},{"id":"FLdZYdeFwzfB5vOg9oqr","title":"Route Overview","pathname":"/v-3/development/route-overview","siteSpaceId":"sitesp_DL80V","description":"Route protection means protecting any defined path from unauthorized access. For example, Signin or Signup pages are public pages and any user can access them","breadcrumbs":[{"label":"Development"}]},{"id":"upLkMby7cnD7AjFBLzsW","title":"Add New Route","pathname":"/v-3/development/add-new-route","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"Development"}]},{"id":"2puXfgN8UhiOCaiTtVoj","title":"Auth User","pathname":"/v-3/development/auth-user","siteSpaceId":"sitesp_DL80V","description":"In the Crema if you want to get the currently authenticated user.  You need to call the useAuthUser hook and you will get the auth user like below.","breadcrumbs":[{"label":"Development"}]},{"id":"YipTkVbzT6iOE1qbkc0b","title":"Authentication Methods","pathname":"/v-3/development/authentication-methods","siteSpaceId":"sitesp_DL80V","description":"Crema supports JWT Auth, Auth0, Firebase, Aws auth methods","breadcrumbs":[{"label":"Development"}]},{"id":"pUMHFUNYt2JQuS8LoqMj","title":"API Calls","pathname":"/v-3/development/api-calls","siteSpaceId":"sitesp_DL80V","description":"We are using the Axios to make an api call. Here is the global this Axios configuration. You can find it on this path src/@crema/services/auth/jwt-auth/index.js","breadcrumbs":[{"label":"Development"}]},{"id":"U1gj9Ght4ntXXr1yhXyK","title":"Multilingual","pathname":"/v-3/development/multilingual","siteSpaceId":"sitesp_DL80V","description":"Crema template supports six languages. These are English, Spanish, French, Italian, Arabic and Chinese.","breadcrumbs":[{"label":"Development"}]},{"id":"8bznFsnhKfHNP01SrEgG","title":"Adding New Language","pathname":"/v-3/development/multilingual/adding-new-language","siteSpaceId":"sitesp_DL80V","description":"In order to add new language to the template, follow the following steps","breadcrumbs":[{"label":"Development"},{"label":"Multilingual"}]},{"id":"XKNYA57W0QXnUbpME2Rh","title":"Changing Language","pathname":"/v-3/development/multilingual/changing-language","siteSpaceId":"sitesp_DL80V","description":"You will find a Language selector in the header, click on that and select the language of your choice.","breadcrumbs":[{"label":"Development"},{"label":"Multilingual"}]},{"id":"kWtIFhtiTt2ZGyn4NIoG","title":"Style Framework","pathname":"/v-3/development/style-framework","siteSpaceId":"sitesp_DL80V","description":"Crema using the default styled engine (@mui/styled-engine) the emotion dependency comes built in, so carries no additional bundle size overhead.","breadcrumbs":[{"label":"Development"}]},{"id":"zausxmkSgvPKpmQ4HFeG","title":"Theme Color","pathname":"/v-3/mui/theme-color","siteSpaceId":"sitesp_DL80V","description":"The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.","breadcrumbs":[{"label":"MUI"}]},{"id":"YVuijA08EtUzXeIxJNfk","title":"Sidebar Configuration","pathname":"/v-3/mui/sidebar-configuration","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"XQJLseAeR4kPm7aV0Mtj","title":"Adding New Menu","pathname":"/v-3/mui/sidebar-configuration/adding-new-menu","siteSpaceId":"sitesp_DL80V","description":"Adding a new menu in the Crema is a cup of cake. You don't have to add the menu separately for horizontal layouts and vertical layouts.","breadcrumbs":[{"label":"MUI"},{"label":"Sidebar Configuration"}]},{"id":"Gxdm80SUwPk3EYUrRXRX","title":"Menu Color Theme","pathname":"/v-3/mui/sidebar-configuration/menu-color-theme","siteSpaceId":"sitesp_DL80V","description":"To set the new color theme of left sidebar, you need to update the following param in the file src/@crema/utility/AppContextProvider/defaultConfig.js","breadcrumbs":[{"label":"MUI"},{"label":"Sidebar Configuration"}]},{"id":"pG4at24mU4C6l6BqgxaX","title":"Navigation Style","pathname":"/v-3/mui/navigation-style","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"KAlaIoOAjDP9Lu71QhFU","title":"Footer Configuration","pathname":"/v-3/mui/footer-configuration","siteSpaceId":"sitesp_DL80V","description":"In Crema you enable and disable the footer and also can choose the footer variant. You can choose the fixed and flatting type of the footer.","breadcrumbs":[{"label":"MUI"}]},{"id":"Yid7f2E5NGnptRAlPOHw","title":"Footer","pathname":"/v-3/mui/footer-configuration/footer","siteSpaceId":"sitesp_DL80V","description":"We have provided the option of disabling or enabling the footer.  You can enable or disable the footer by following the under-written steps.","breadcrumbs":[{"label":"MUI"},{"label":"Footer Configuration"}]},{"id":"kzougrX41qd6DF5WV5Ti","title":"Footer Type","pathname":"/v-3/mui/footer-configuration/footer-type","siteSpaceId":"sitesp_DL80V","description":"To set the default footer type","breadcrumbs":[{"label":"MUI"},{"label":"Footer Configuration"}]},{"id":"Xp2J8fnXszHS6ASWJEIO","title":"Template Mode","pathname":"/v-3/mui/template-mode","siteSpaceId":"sitesp_DL80V","description":"Two template modes are available in the Crema i.e. Light and Dark. You can choose any one of the those according to your choice. Switching between the Modes is very easy.","breadcrumbs":[{"label":"MUI"}]},{"id":"WdapIbgxHrcR9bKJKYbm","title":"Template Direction","pathname":"/v-3/mui/template-direction","siteSpaceId":"sitesp_DL80V","description":"The Crema template is fully RTL supported. On one toggle button, the user can switch between 'Right to left' direction or 'Left to Right' direction.","breadcrumbs":[{"label":"MUI"}]},{"id":"j1UrDRkCEVpbZm3bi9t2","title":"About Next.JS","pathname":"/v-3/next-js/about-next.js","siteSpaceId":"sitesp_DL80V","description":"In the next js version of Crema, you will get a full setup with Next.js with all pages as you seen in the demo of nextjs.","breadcrumbs":[{"label":"Next-Js"}]},{"id":"1qk0co04p83tRJMv64YP","title":"Folder Structure","pathname":"/v-3/next-js/folder-structure","siteSpaceId":"sitesp_DL80V","description":"The folder structure is simple and easy to understand. When you unzip Crema-ant the folder, you will find the following folders/files:-‌","breadcrumbs":[{"label":"Next-Js"}]},{"id":"95S6kUDNc9WovsrtA9SD","title":"Installing Next jS","pathname":"/v-3/next-js/installing-next-js","siteSpaceId":"sitesp_DL80V","description":"To run the Crema, Open the Crema folder in the editor of your choice. After following the folder, open the terminal and run yarn & yarn dev","breadcrumbs":[{"label":"Next-Js"}]},{"id":"WnHybgSbD0JZnJKWPRHQ","title":"Authentication","pathname":"/v-3/next-js/authentication","siteSpaceId":"sitesp_DL80V","description":"Crema supports 4 types of authentication methods. Crema supports the following Methods","breadcrumbs":[{"label":"Next-Js"}]},{"id":"6NNUMc2rRRJIfONDtnTC","title":"Add New Route","pathname":"/v-3/next-js/add-new-route","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"Next-Js"}]},{"id":"hIUjT36Cjmiz96TTLpEq","title":"Deploy to server","pathname":"/v-3/next-js/deploy-to-server","siteSpaceId":"sitesp_DL80V","description":"Crema is using the Heroku server to deploy. If you are also using the Heroku server to deploy your app, then you don't need to change anything.","breadcrumbs":[{"label":"Next-Js"}]},{"id":"DdMLV3PhSi1V53AUDAUW","title":"FAQ","pathname":"/v-3/faq","siteSpaceId":"sitesp_DL80V","description":""},{"id":"e58wYl0dx38aRPi0q83Y","title":"About React-Bootstrap","pathname":"/v-3/react-bootstrap/about-react-bootstrap","siteSpaceId":"sitesp_DL80V","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with React Bootstrap lib","breadcrumbs":[{"label":"React Bootstrap"}]},{"id":"8NWndAtTw9wn7wKdcddv","title":"Styled Framework","pathname":"/v-3/react-bootstrap/styled-framework","siteSpaceId":"sitesp_DL80V","description":"Crema bootstrap is using the default scss style method.","breadcrumbs":[{"label":"React Bootstrap"}]},{"id":"UvyZp3Zy4kn2rFOnVn23","title":"RTL","pathname":"/v-3/react-bootstrap/rtl","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"React Bootstrap"}]},{"id":"A6gjidrPonfS9d8KTNbS","title":"Dark Theme","pathname":"/v-3/react-bootstrap/dark-theme","siteSpaceId":"sitesp_DL80V","description":"","breadcrumbs":[{"label":"React Bootstrap"}]},{"id":"mgq0GRjtBQ9siCkOoFBb","title":"About Crema Ant","pathname":"/v-3/ant-design/about-crema-ant","siteSpaceId":"sitesp_DL80V","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with ANT design","breadcrumbs":[{"label":"ANT Design"}]},{"id":"45r3ITjJ2pfk05Eh55uy","title":"Style Framework","pathname":"/v-3/ant-design/style-framework","siteSpaceId":"sitesp_DL80V","description":"Crema is using the default less style method(It's CSS, with just a little more) of ant design.","breadcrumbs":[{"label":"ANT Design"}]},{"id":"32ppgjjqEUzQ6US2qnDr","title":"Python","pathname":"/v-3/servers/python","siteSpaceId":"sitesp_DL80V","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"eR94j8EyZz3Y3MoXU1Mg","title":"Laravel","pathname":"/v-3/servers/laravel","siteSpaceId":"sitesp_DL80V","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"4h26dbVTkxOQZr5lDRO1","title":"Mongoose","pathname":"/v-3/servers/mongoose","siteSpaceId":"sitesp_DL80V","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"20tnrMGd35ytC7N1vSqW","title":"Credits","pathname":"/v-3/credits","siteSpaceId":"sitesp_DL80V","description":""},{"id":"rWrjbGco47StcEc0GG56","title":"Crema V-2","pathname":"/v-3/crema-v-2","siteSpaceId":"sitesp_DL80V","description":"In this you will get the old version doc of the crema."},{"id":"VskimrOGhAIP2Nmf3yAs","title":"About Crema Vite","pathname":"/","siteSpaceId":"sitesp_v43nf","description":"Crema Vite is based on the MUI-5 and Ant design-5"},{"id":"Vz2ffkW5wKfi29wjVuFh","title":"Crema Vite Overview","pathname":"/overview/crema-vite-overview","siteSpaceId":"sitesp_v43nf","description":"Crema Vite is available with react-scripts-5.0.1. It's also available in both Typescript and Javascript","breadcrumbs":[{"label":"Overview"}]},{"id":"JOLzOVbwE077Cm2WBvbg","title":"Folder Structure","pathname":"/overview/folder-structure","siteSpaceId":"sitesp_v43nf","description":"Crema has a vast and professional folder structure","breadcrumbs":[{"label":"Overview"}]},{"id":"k4kbtRuWY7m1cgWOQvZx","title":"@crema","pathname":"/overview/folder-structure/crema","siteSpaceId":"sitesp_v43nf","description":"Crema is the main directory of the Crema Template","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6RlaND86vOekeEVNxdRO","title":"assets","pathname":"/overview/folder-structure/assets","siteSpaceId":"sitesp_v43nf","description":"Crema have a assets directory to have all assets on a sigle place","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"l5gadawNzCkIofl5eA6i","title":"modules","pathname":"/overview/folder-structure/modules","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6kf5i31oD1Zgnuo4Af3p","title":"style","pathname":"/overview/folder-structure/style","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"Sioe3ApWkTP7ubvAUqjy","title":"Package.json","pathname":"/overview/package-json","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"Overview"}]},{"id":"lQ7toFvm7aMvdSLiFoS6","title":"MUI+Vite","pathname":"/overview/package-json/mui+vite","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"avXp5WUu8wWKPJ2foBx7","title":"MUI+CRA","pathname":"/overview/package-json/mui+cra","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"1foHy2T0bIZuo6eq2J7i","title":"MUI+Next.js","pathname":"/overview/package-json/mui+next.js","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Xvfz3kDFgY1lIfi9urqd","title":"MUI+CRA+TS","pathname":"/overview/package-json/mui+cra+ts","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"7ys9HZlspIf0K8PU7Y84","title":"MUI+Next.js+TS","pathname":"/overview/package-json/mui+next.js+ts","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"I4unnjmBqWL6kKJ0aoE1","title":"Antd+CRA","pathname":"/overview/package-json/antd+cra","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"dxr5alGbuQEpHCC0tr8O","title":"Antd+Next.js","pathname":"/overview/package-json/antd+next.js","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"4F2rt2s1bGFMR7aZCIbR","title":"Antd+CRA+TS","pathname":"/overview/package-json/antd+cra+ts","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"oQwNL9H4jzYOyy6xsuBm","title":"Antd+Next.js+TS","pathname":"/overview/package-json/antd+next.js+ts","siteSpaceId":"sitesp_v43nf","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Z1g6jx1Pm7uk1jUgKxPg","title":"GitHub Access","pathname":"/overview/github-access","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"Overview"}]},{"id":"nAgdmPwhQ4q5pj3XpBzF","title":"Slack Community","pathname":"/overview/slack-community","siteSpaceId":"sitesp_v43nf","description":"Connect with a community of technical professionals working together to ship high-quality. Share your idea and insights, for inspiration collaboration, and great results.","breadcrumbs":[{"label":"Overview"}]},{"id":"co1NWPmbfUlh01qxmK6W","title":"Figma File","pathname":"/overview/figma-file","siteSpaceId":"sitesp_v43nf","description":"Crema Free Figma file.","breadcrumbs":[{"label":"Overview"}]},{"id":"iC6HAKyDLtdXLVYw6Eqh","title":"Installation","pathname":"/decelopment/installation","siteSpaceId":"sitesp_v43nf","description":"To install Crema on the system, you need to develop a React Environment in the system","breadcrumbs":[{"label":"Decelopment"}]},{"id":"GRjQhwM2J5iZt52EbdKN","title":"Route Management","pathname":"/decelopment/route-management","siteSpaceId":"sitesp_v43nf","description":"Route protection means, protecting any route from unauthorized access.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"NojcOTcbWjbi4fjfoBcH","title":"Auth User","pathname":"/decelopment/auth-user","siteSpaceId":"sitesp_v43nf","description":"In the Crema if you want to get the currently authenticated user.  You need to call the useAuthUser hook and you will get the auth user like below.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"fxmStmf9RgZuEqF2wCuQ","title":"Authentication Methods","pathname":"/decelopment/authentication-methods","siteSpaceId":"sitesp_v43nf","description":"Crema supports JWT Auth, Auth0, Firebase, Aws auth methods","breadcrumbs":[{"label":"Decelopment"}]},{"id":"V7eNJwr7HXyceXrfnDBB","title":"Axios Config","pathname":"/decelopment/axios-config","siteSpaceId":"sitesp_v43nf","description":"We are using the Axios to make an API call. Here is the global Axios configuration.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"QDytHsNhDuZ6IxS3ed0K","title":"APIs Calling","pathname":"/decelopment/axios-config/apis-calling","siteSpaceId":"sitesp_v43nf","description":"Crema has some predefined hooks and functions to call the APIs without writing redundant code like sending tokens and other extra configurations in APIs.","breadcrumbs":[{"label":"Decelopment"},{"label":"Axios Config"}]},{"id":"6jNFijOZNT6XCHe5dUL9","title":"Multilingual","pathname":"/decelopment/multilingual","siteSpaceId":"sitesp_v43nf","description":"Crema template supports six locales. These are English, Spanish, French, Italian, Arabic and Chinese.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"vS4iXpzf9CFdifBJCUPN","title":"Theme Color","pathname":"/mui/theme-color","siteSpaceId":"sitesp_v43nf","description":"The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.","breadcrumbs":[{"label":"MUI"}]},{"id":"DJuWQ1nBYVQBSNMqDFmf","title":"Sidebar Configuration","pathname":"/mui/sidebar-configuration","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"MUI"}]},{"id":"2dVGB7ikSQbF4czyQ4uk","title":"Navigation Style","pathname":"/mui/navigation-style","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"MUI"}]},{"id":"S4SS7Fhkbvbw34FJv0fs","title":"Footer Configuration","pathname":"/mui/footer-configuration","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"MUI"}]},{"id":"2lBe2A6FTWm9nmi4aSG0","title":"Template Direction","pathname":"/mui/template-direction","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"MUI"}]},{"id":"3fsMxfoD9fY0v10cjFth","title":"Template Mode","pathname":"/mui/template-mode","siteSpaceId":"sitesp_v43nf","breadcrumbs":[{"label":"MUI"}]},{"id":"R0WrynEic0DkWL1rFrpm","title":"FAQ","pathname":"/faq","siteSpaceId":"sitesp_v43nf"},{"id":"BO4UOo50pQyb6avc5YCS","title":"About Crema Ant","pathname":"/antd/about-crema-ant","siteSpaceId":"sitesp_v43nf","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with ANT design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"0rUmW5cVLzfcdqA9RPOI","title":"Style Framework","pathname":"/antd/style-framework","siteSpaceId":"sitesp_v43nf","description":"Crema is using the default less style method(It's CSS, with just a little more) of ant design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"pHEqXclF73xgeXhE80mg","title":"Python","pathname":"/servers/python","siteSpaceId":"sitesp_v43nf","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"jaZlcZP4mtta8nnrCoof","title":"Laravel","pathname":"/servers/laravel","siteSpaceId":"sitesp_v43nf","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"KsLaMSABbHDKpUSU5D7g","title":"Mongoose","pathname":"/servers/mongoose","siteSpaceId":"sitesp_v43nf","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"sR1uCZz9sOknVwvy15wZ","title":"Credits","pathname":"/credits","siteSpaceId":"sitesp_v43nf"},{"id":"VskimrOGhAIP2Nmf3yAs","title":"About Crema CRA","pathname":"/v-4-cra","siteSpaceId":"sitesp_hZbWr","description":"Crema CRA is based on the MUI-5 and Ant design-5"},{"id":"Vz2ffkW5wKfi29wjVuFh","title":"Crema CRA Overview","pathname":"/v-4-cra/overview/crema-cra-overview","siteSpaceId":"sitesp_hZbWr","description":"Crema CRA is available with react-scripts-5.0.1. It's also available in both Typescript and Javascript","breadcrumbs":[{"label":"Overview"}]},{"id":"JOLzOVbwE077Cm2WBvbg","title":"Folder Structure","pathname":"/v-4-cra/overview/folder-structure","siteSpaceId":"sitesp_hZbWr","description":"Crema has a vast and professional folder structure","breadcrumbs":[{"label":"Overview"}]},{"id":"k4kbtRuWY7m1cgWOQvZx","title":"@crema","pathname":"/v-4-cra/overview/folder-structure/crema","siteSpaceId":"sitesp_hZbWr","description":"Crema is the main directory of the Crema Template","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6RlaND86vOekeEVNxdRO","title":"assets","pathname":"/v-4-cra/overview/folder-structure/assets","siteSpaceId":"sitesp_hZbWr","description":"Crema have a assets directory to have all assets on a sigle place","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"l5gadawNzCkIofl5eA6i","title":"modules","pathname":"/v-4-cra/overview/folder-structure/modules","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6kf5i31oD1Zgnuo4Af3p","title":"style","pathname":"/v-4-cra/overview/folder-structure/style","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"Sioe3ApWkTP7ubvAUqjy","title":"Package.json","pathname":"/v-4-cra/overview/package-json","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"Overview"}]},{"id":"avXp5WUu8wWKPJ2foBx7","title":"MUI+CRA","pathname":"/v-4-cra/overview/package-json/mui+cra","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"1foHy2T0bIZuo6eq2J7i","title":"MUI+Next.js","pathname":"/v-4-cra/overview/package-json/mui+next.js","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Xvfz3kDFgY1lIfi9urqd","title":"MUI+CRA+TS","pathname":"/v-4-cra/overview/package-json/mui+cra+ts","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"7ys9HZlspIf0K8PU7Y84","title":"MUI+Next.js+TS","pathname":"/v-4-cra/overview/package-json/mui+next.js+ts","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"I4unnjmBqWL6kKJ0aoE1","title":"Antd+CRA","pathname":"/v-4-cra/overview/package-json/antd+cra","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"dxr5alGbuQEpHCC0tr8O","title":"Antd+Next.js","pathname":"/v-4-cra/overview/package-json/antd+next.js","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"4F2rt2s1bGFMR7aZCIbR","title":"Antd+CRA+TS","pathname":"/v-4-cra/overview/package-json/antd+cra+ts","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"oQwNL9H4jzYOyy6xsuBm","title":"Antd+Next.js+TS","pathname":"/v-4-cra/overview/package-json/antd+next.js+ts","siteSpaceId":"sitesp_hZbWr","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Z1g6jx1Pm7uk1jUgKxPg","title":"GitHub Access","pathname":"/v-4-cra/overview/github-access","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"Overview"}]},{"id":"nAgdmPwhQ4q5pj3XpBzF","title":"Slack Community","pathname":"/v-4-cra/overview/slack-community","siteSpaceId":"sitesp_hZbWr","description":"Connect with a community of technical professionals working together to ship high-quality. Share your idea and insights, for inspiration collaboration, and great results.","breadcrumbs":[{"label":"Overview"}]},{"id":"co1NWPmbfUlh01qxmK6W","title":"Figma File","pathname":"/v-4-cra/overview/figma-file","siteSpaceId":"sitesp_hZbWr","description":"Crema Free Figma file.","breadcrumbs":[{"label":"Overview"}]},{"id":"iC6HAKyDLtdXLVYw6Eqh","title":"Installation","pathname":"/v-4-cra/decelopment/installation","siteSpaceId":"sitesp_hZbWr","description":"To install Crema on the system, you need to develop a React Environment in the system","breadcrumbs":[{"label":"Decelopment"}]},{"id":"GRjQhwM2J5iZt52EbdKN","title":"Route Management","pathname":"/v-4-cra/decelopment/route-management","siteSpaceId":"sitesp_hZbWr","description":"Route protection means, protecting any route from unauthorized access.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"NojcOTcbWjbi4fjfoBcH","title":"Auth User","pathname":"/v-4-cra/decelopment/auth-user","siteSpaceId":"sitesp_hZbWr","description":"In the Crema if you want to get the currently authenticated user.  You need to call the useAuthUser hook and you will get the auth user like below.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"fxmStmf9RgZuEqF2wCuQ","title":"Authentication Methods","pathname":"/v-4-cra/decelopment/authentication-methods","siteSpaceId":"sitesp_hZbWr","description":"Crema supports JWT Auth, Auth0, Firebase, Aws auth methods","breadcrumbs":[{"label":"Decelopment"}]},{"id":"V7eNJwr7HXyceXrfnDBB","title":"Axios Config","pathname":"/v-4-cra/decelopment/axios-config","siteSpaceId":"sitesp_hZbWr","description":"We are using the Axios to make an API call. Here is the global Axios configuration.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"QDytHsNhDuZ6IxS3ed0K","title":"APIs Calling","pathname":"/v-4-cra/decelopment/axios-config/apis-calling","siteSpaceId":"sitesp_hZbWr","description":"Crema has some predefined hooks and functions to call the APIs without writing redundant code like sending tokens and other extra configurations in APIs.","breadcrumbs":[{"label":"Decelopment"},{"label":"Axios Config"}]},{"id":"6jNFijOZNT6XCHe5dUL9","title":"Multilingual","pathname":"/v-4-cra/decelopment/multilingual","siteSpaceId":"sitesp_hZbWr","description":"Crema template supports six locales. These are English, Spanish, French, Italian, Arabic and Chinese.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"vS4iXpzf9CFdifBJCUPN","title":"Theme Color","pathname":"/v-4-cra/mui/theme-color","siteSpaceId":"sitesp_hZbWr","description":"The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.","breadcrumbs":[{"label":"MUI"}]},{"id":"DJuWQ1nBYVQBSNMqDFmf","title":"Sidebar Configuration","pathname":"/v-4-cra/mui/sidebar-configuration","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"MUI"}]},{"id":"2dVGB7ikSQbF4czyQ4uk","title":"Navigation Style","pathname":"/v-4-cra/mui/navigation-style","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"MUI"}]},{"id":"S4SS7Fhkbvbw34FJv0fs","title":"Footer Configuration","pathname":"/v-4-cra/mui/footer-configuration","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"MUI"}]},{"id":"2lBe2A6FTWm9nmi4aSG0","title":"Template Direction","pathname":"/v-4-cra/mui/template-direction","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"MUI"}]},{"id":"3fsMxfoD9fY0v10cjFth","title":"Template Mode","pathname":"/v-4-cra/mui/template-mode","siteSpaceId":"sitesp_hZbWr","breadcrumbs":[{"label":"MUI"}]},{"id":"R0WrynEic0DkWL1rFrpm","title":"FAQ","pathname":"/v-4-cra/faq","siteSpaceId":"sitesp_hZbWr"},{"id":"BO4UOo50pQyb6avc5YCS","title":"About Crema Ant","pathname":"/v-4-cra/antd/about-crema-ant","siteSpaceId":"sitesp_hZbWr","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with ANT design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"0rUmW5cVLzfcdqA9RPOI","title":"Style Framework","pathname":"/v-4-cra/antd/style-framework","siteSpaceId":"sitesp_hZbWr","description":"Crema is using the default less style method(It's CSS, with just a little more) of ant design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"pHEqXclF73xgeXhE80mg","title":"Python","pathname":"/v-4-cra/servers/python","siteSpaceId":"sitesp_hZbWr","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"jaZlcZP4mtta8nnrCoof","title":"Laravel","pathname":"/v-4-cra/servers/laravel","siteSpaceId":"sitesp_hZbWr","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"KsLaMSABbHDKpUSU5D7g","title":"Mongoose","pathname":"/v-4-cra/servers/mongoose","siteSpaceId":"sitesp_hZbWr","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"sR1uCZz9sOknVwvy15wZ","title":"Credits","pathname":"/v-4-cra/credits","siteSpaceId":"sitesp_hZbWr"},{"id":"VskimrOGhAIP2Nmf3yAs","title":"About Crema Next.js","pathname":"/v-4-nextjs","siteSpaceId":"sitesp_QlqAG","description":"Crema Next.js is designed with an App Router."},{"id":"Vz2ffkW5wKfi29wjVuFh","title":"Crema Next.js Overview","pathname":"/v-4-nextjs/overview/crema-next.js-overview","siteSpaceId":"sitesp_QlqAG","description":"Crema Next.js is available with App Router.  Crema is also available in both Typescript and Javascript","breadcrumbs":[{"label":"Overview"}]},{"id":"JOLzOVbwE077Cm2WBvbg","title":"Folder Structure","pathname":"/v-4-nextjs/overview/folder-structure","siteSpaceId":"sitesp_QlqAG","description":"Crema has a vast and professional folder structure","breadcrumbs":[{"label":"Overview"}]},{"id":"k4kbtRuWY7m1cgWOQvZx","title":"@crema","pathname":"/v-4-nextjs/overview/folder-structure/crema","siteSpaceId":"sitesp_QlqAG","description":"Crema is the main directory of the Crema Template","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6rYbRe56Ga8197zI1Zwm","title":"app","pathname":"/v-4-nextjs/overview/folder-structure/app","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6RlaND86vOekeEVNxdRO","title":"assets","pathname":"/v-4-nextjs/overview/folder-structure/assets","siteSpaceId":"sitesp_QlqAG","description":"Crema have a assets directory to have all assets on a sigle place","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"l5gadawNzCkIofl5eA6i","title":"modules","pathname":"/v-4-nextjs/overview/folder-structure/modules","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"6kf5i31oD1Zgnuo4Af3p","title":"style","pathname":"/v-4-nextjs/overview/folder-structure/style","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"Sioe3ApWkTP7ubvAUqjy","title":"Package.json","pathname":"/v-4-nextjs/overview/package-json","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"Overview"}]},{"id":"Z1g6jx1Pm7uk1jUgKxPg","title":"GitHub Access","pathname":"/v-4-nextjs/overview/github-access","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"Overview"}]},{"id":"nAgdmPwhQ4q5pj3XpBzF","title":"Slack Community","pathname":"/v-4-nextjs/overview/slack-community","siteSpaceId":"sitesp_QlqAG","description":"Connect with a community of technical professionals working together to ship high-quality. Share your idea and insights, for inspiration collaboration, and great results.","breadcrumbs":[{"label":"Overview"}]},{"id":"co1NWPmbfUlh01qxmK6W","title":"Figma File","pathname":"/v-4-nextjs/overview/figma-file","siteSpaceId":"sitesp_QlqAG","description":"Crema Free Figma file.","breadcrumbs":[{"label":"Overview"}]},{"id":"iC6HAKyDLtdXLVYw6Eqh","title":"Installation","pathname":"/v-4-nextjs/decelopment/installation","siteSpaceId":"sitesp_QlqAG","description":"To install Crema on the system, you need to develop a React Environment in the system","breadcrumbs":[{"label":"Decelopment"}]},{"id":"GRjQhwM2J5iZt52EbdKN","title":"Route Management","pathname":"/v-4-nextjs/decelopment/route-management","siteSpaceId":"sitesp_QlqAG","description":"Route protection means, protecting any route from unauthorized access.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"NojcOTcbWjbi4fjfoBcH","title":"Auth User","pathname":"/v-4-nextjs/decelopment/auth-user","siteSpaceId":"sitesp_QlqAG","description":"In the Crema if you want to get the currently authenticated user.  You need to call the useAuthUser hook and you will get the auth user like below.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"fxmStmf9RgZuEqF2wCuQ","title":"Authentication Methods","pathname":"/v-4-nextjs/decelopment/authentication-methods","siteSpaceId":"sitesp_QlqAG","description":"Crema supports JWT Auth, Auth0, Firebase, Aws auth methods","breadcrumbs":[{"label":"Decelopment"}]},{"id":"V7eNJwr7HXyceXrfnDBB","title":"Axios Config","pathname":"/v-4-nextjs/decelopment/axios-config","siteSpaceId":"sitesp_QlqAG","description":"We are using the Axios to make an API call. Here is the global Axios configuration.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"QDytHsNhDuZ6IxS3ed0K","title":"APIs Calling","pathname":"/v-4-nextjs/decelopment/axios-config/apis-calling","siteSpaceId":"sitesp_QlqAG","description":"Crema has some predefined hooks and functions to call the APIs without writing redundant code like sending tokens and other extra configurations in APIs.","breadcrumbs":[{"label":"Decelopment"},{"label":"Axios Config"}]},{"id":"6jNFijOZNT6XCHe5dUL9","title":"Multilingual","pathname":"/v-4-nextjs/decelopment/multilingual","siteSpaceId":"sitesp_QlqAG","description":"Crema template supports six locales. These are English, Spanish, French, Italian, Arabic and Chinese.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"vS4iXpzf9CFdifBJCUPN","title":"Theme Color","pathname":"/v-4-nextjs/mui/theme-color","siteSpaceId":"sitesp_QlqAG","description":"The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.","breadcrumbs":[{"label":"MUI"}]},{"id":"DJuWQ1nBYVQBSNMqDFmf","title":"Sidebar Configuration","pathname":"/v-4-nextjs/mui/sidebar-configuration","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"MUI"}]},{"id":"2dVGB7ikSQbF4czyQ4uk","title":"Navigation Style","pathname":"/v-4-nextjs/mui/navigation-style","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"MUI"}]},{"id":"S4SS7Fhkbvbw34FJv0fs","title":"Footer Configuration","pathname":"/v-4-nextjs/mui/footer-configuration","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"MUI"}]},{"id":"2lBe2A6FTWm9nmi4aSG0","title":"Template Direction","pathname":"/v-4-nextjs/mui/template-direction","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"MUI"}]},{"id":"3fsMxfoD9fY0v10cjFth","title":"Template Mode","pathname":"/v-4-nextjs/mui/template-mode","siteSpaceId":"sitesp_QlqAG","breadcrumbs":[{"label":"MUI"}]},{"id":"R0WrynEic0DkWL1rFrpm","title":"FAQ","pathname":"/v-4-nextjs/faq","siteSpaceId":"sitesp_QlqAG"},{"id":"BO4UOo50pQyb6avc5YCS","title":"About Crema Ant","pathname":"/v-4-nextjs/antd/about-crema-ant","siteSpaceId":"sitesp_QlqAG","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with ANT design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"0rUmW5cVLzfcdqA9RPOI","title":"Style Framework","pathname":"/v-4-nextjs/antd/style-framework","siteSpaceId":"sitesp_QlqAG","description":"Crema is using the default less style method(It's CSS, with just a little more) of ant design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"pHEqXclF73xgeXhE80mg","title":"Python","pathname":"/v-4-nextjs/servers/python","siteSpaceId":"sitesp_QlqAG","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"jaZlcZP4mtta8nnrCoof","title":"Laravel","pathname":"/v-4-nextjs/servers/laravel","siteSpaceId":"sitesp_QlqAG","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"KsLaMSABbHDKpUSU5D7g","title":"Mongoose","pathname":"/v-4-nextjs/servers/mongoose","siteSpaceId":"sitesp_QlqAG","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"sR1uCZz9sOknVwvy15wZ","title":"Credits","pathname":"/v-4-nextjs/credits","siteSpaceId":"sitesp_QlqAG"},{"id":"VskimrOGhAIP2Nmf3yAs","title":"About Crema Nx","pathname":"/v-4","siteSpaceId":"sitesp_R3wlp","description":"Crema is based on the MUI and Ant design"},{"id":"Vz2ffkW5wKfi29wjVuFh","title":"Crema Overview","pathname":"/v-4/overview/crema-overview","siteSpaceId":"sitesp_R3wlp","description":"Crema is available in the Next js and CRA(create-react-app).  Crema is also available in both Typescript and Javascript","breadcrumbs":[{"label":"Overview"}]},{"id":"NyYa2LDEtsmoarVX7Hpe","title":"Dependency Graph","pathname":"/v-4/overview/dependency-graph","siteSpaceId":"sitesp_R3wlp","description":"There are some depenedency of the crema","breadcrumbs":[{"label":"Overview"}]},{"id":"JOLzOVbwE077Cm2WBvbg","title":"Folder Structure","pathname":"/v-4/overview/folder-structure","siteSpaceId":"sitesp_R3wlp","description":"Crema has a vast and professional folder structure","breadcrumbs":[{"label":"Overview"}]},{"id":"k4kbtRuWY7m1cgWOQvZx","title":"apps","pathname":"/v-4/overview/folder-structure/apps","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"Pn7neTTgqSeWf39hNR6T","title":"source","pathname":"/v-4/overview/folder-structure/apps/source","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"apps"}]},{"id":"VzxFVmMe9jWscxtOOpZD","title":"source-e2e","pathname":"/v-4/overview/folder-structure/apps/source-e2e","siteSpaceId":"sitesp_R3wlp","description":"Inbuilt Cypress 2e2 Testing","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"apps"}]},{"id":"uJViv9XVFSdJBrVG8Atk","title":"libs","pathname":"/v-4/overview/folder-structure/libs","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"}]},{"id":"RM6GqQE18TQ27kQvymEt","title":"components","pathname":"/v-4/overview/folder-structure/libs/components","siteSpaceId":"sitesp_R3wlp","description":"Componets is the main library for the Crema Template's components","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"aKxM7pjAYLrCNbOYYyVt","title":"constants","pathname":"/v-4/overview/folder-structure/libs/constants","siteSpaceId":"sitesp_R3wlp","description":"Its contains all the reusable constants of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"uQo0zow7IJ94XOdiVPEL","title":"context","pathname":"/v-4/overview/folder-structure/libs/context","siteSpaceId":"sitesp_R3wlp","description":"It's contains the contexts of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"1eEQBXFzyA9DbIfT5FsB","title":"helpers","pathname":"/v-4/overview/folder-structure/libs/helpers","siteSpaceId":"sitesp_R3wlp","description":"Its contains all helper functions of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"ghSfMlFqlsdTKy16LkXP","title":"hooks","pathname":"/v-4/overview/folder-structure/libs/hooks","siteSpaceId":"sitesp_R3wlp","description":"Its contains all hooks functions of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"JFxaJcySkbNd61Brmu0B","title":"mockapi","pathname":"/v-4/overview/folder-structure/libs/mockapi","siteSpaceId":"sitesp_R3wlp","description":"Its contains the app fake DB and mock APIs of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"N23V2XxF9dccCat6ZaxX","title":"modules","pathname":"/v-4/overview/folder-structure/libs/modules","siteSpaceId":"sitesp_R3wlp","description":"Its contains all the reusable modules of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"09RzGZAlPr0tVkuEvFJd","title":"services","pathname":"/v-4/overview/folder-structure/libs/services","siteSpaceId":"sitesp_R3wlp","description":"Its contains all the basic services like auth and localization of the app","breadcrumbs":[{"label":"Overview"},{"label":"Folder Structure"},{"label":"libs"}]},{"id":"Sioe3ApWkTP7ubvAUqjy","title":"Package.json","pathname":"/v-4/overview/package-json","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Overview"}]},{"id":"avXp5WUu8wWKPJ2foBx7","title":"MUI+CRA","pathname":"/v-4/overview/package-json/mui+cra","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"1foHy2T0bIZuo6eq2J7i","title":"MUI+Next.js","pathname":"/v-4/overview/package-json/mui+next.js","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Xvfz3kDFgY1lIfi9urqd","title":"MUI+CRA+TS","pathname":"/v-4/overview/package-json/mui+cra+ts","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"7ys9HZlspIf0K8PU7Y84","title":"MUI+Next.js+TS","pathname":"/v-4/overview/package-json/mui+next.js+ts","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"I4unnjmBqWL6kKJ0aoE1","title":"Antd+CRA","pathname":"/v-4/overview/package-json/antd+cra","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"dxr5alGbuQEpHCC0tr8O","title":"Antd+Next.js","pathname":"/v-4/overview/package-json/antd+next.js","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"4F2rt2s1bGFMR7aZCIbR","title":"Antd+CRA+TS","pathname":"/v-4/overview/package-json/antd+cra+ts","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"oQwNL9H4jzYOyy6xsuBm","title":"Antd+Next.js+TS","pathname":"/v-4/overview/package-json/antd+next.js+ts","siteSpaceId":"sitesp_R3wlp","description":"Crema package.json file of the source variant(Context APIs)","breadcrumbs":[{"label":"Overview"},{"label":"Package.json"}]},{"id":"Z1g6jx1Pm7uk1jUgKxPg","title":"GitHub Access","pathname":"/v-4/overview/github-access","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Overview"}]},{"id":"nAgdmPwhQ4q5pj3XpBzF","title":"Slack Community","pathname":"/v-4/overview/slack-community","siteSpaceId":"sitesp_R3wlp","description":"Connect with a community of technical professionals working together to ship high-quality. Share your idea and insights, for inspiration collaboration, and great results.","breadcrumbs":[{"label":"Overview"}]},{"id":"co1NWPmbfUlh01qxmK6W","title":"Figma File","pathname":"/v-4/overview/figma-file","siteSpaceId":"sitesp_R3wlp","description":"Crema Free Figma file.","breadcrumbs":[{"label":"Overview"}]},{"id":"iC6HAKyDLtdXLVYw6Eqh","title":"Installation","pathname":"/v-4/decelopment/installation","siteSpaceId":"sitesp_R3wlp","description":"To install Crema on the system, you need to develop a React Environment in the system","breadcrumbs":[{"label":"Decelopment"}]},{"id":"GRjQhwM2J5iZt52EbdKN","title":"Route Management","pathname":"/v-4/decelopment/route-management","siteSpaceId":"sitesp_R3wlp","description":"Route protection means, protecting any route from unauthorized access.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"NojcOTcbWjbi4fjfoBcH","title":"Auth User","pathname":"/v-4/decelopment/auth-user","siteSpaceId":"sitesp_R3wlp","description":"In the Crema if you want to get the currently authenticated user.  You need to call the useAuthUser hook and you will get the auth user like below.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"fxmStmf9RgZuEqF2wCuQ","title":"Authentication Methods","pathname":"/v-4/decelopment/authentication-methods","siteSpaceId":"sitesp_R3wlp","description":"Crema supports JWT Auth, Auth0, Firebase, Aws auth methods","breadcrumbs":[{"label":"Decelopment"}]},{"id":"V7eNJwr7HXyceXrfnDBB","title":"API Calls","pathname":"/v-4/decelopment/api-calls","siteSpaceId":"sitesp_R3wlp","description":"We are using the Axios to make an API call. Here is the global Axios configuration.","breadcrumbs":[{"label":"Decelopment"}]},{"id":"6jNFijOZNT6XCHe5dUL9","title":"Multilingual","pathname":"/v-4/decelopment/multilingual","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"Decelopment"}]},{"id":"vS4iXpzf9CFdifBJCUPN","title":"Theme Color","pathname":"/v-4/mui/theme-color","siteSpaceId":"sitesp_R3wlp","description":"The Crema uses MUI's theming by default. You can create theme color schemes with defining theme configuration objects.","breadcrumbs":[{"label":"MUI"}]},{"id":"DJuWQ1nBYVQBSNMqDFmf","title":"Sidebar Configuration","pathname":"/v-4/mui/sidebar-configuration","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"2dVGB7ikSQbF4czyQ4uk","title":"Navigation Style","pathname":"/v-4/mui/navigation-style","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"S4SS7Fhkbvbw34FJv0fs","title":"Footer Configuration","pathname":"/v-4/mui/footer-configuration","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"2lBe2A6FTWm9nmi4aSG0","title":"Template Direction","pathname":"/v-4/mui/template-direction","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"3fsMxfoD9fY0v10cjFth","title":"Template Mode","pathname":"/v-4/mui/template-mode","siteSpaceId":"sitesp_R3wlp","description":"","breadcrumbs":[{"label":"MUI"}]},{"id":"R0WrynEic0DkWL1rFrpm","title":"FAQ","pathname":"/v-4/faq","siteSpaceId":"sitesp_R3wlp","description":""},{"id":"BO4UOo50pQyb6avc5YCS","title":"About Crema Ant","pathname":"/v-4/antd/about-crema-ant","siteSpaceId":"sitesp_R3wlp","description":"Designed and developed with high expertise, Crema is a fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies with ANT design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"0rUmW5cVLzfcdqA9RPOI","title":"Style Framework","pathname":"/v-4/antd/style-framework","siteSpaceId":"sitesp_R3wlp","description":"Crema is using the default less style method(It's CSS, with just a little more) of ant design.","breadcrumbs":[{"label":"ANTD"}]},{"id":"pHEqXclF73xgeXhE80mg","title":"Python","pathname":"/v-4/servers/python","siteSpaceId":"sitesp_R3wlp","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"jaZlcZP4mtta8nnrCoof","title":"Laravel","pathname":"/v-4/servers/laravel","siteSpaceId":"sitesp_R3wlp","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"KsLaMSABbHDKpUSU5D7g","title":"Mongoose","pathname":"/v-4/servers/mongoose","siteSpaceId":"sitesp_R3wlp","description":"Crema has some auth inbuilt APIs. Demo APIs listed here -","breadcrumbs":[{"label":"Servers"}]},{"id":"sR1uCZz9sOknVwvy15wZ","title":"Credits","pathname":"/v-4/credits","siteSpaceId":"sitesp_R3wlp","description":""}]}