Blog Logo
TAGS

How to Build a React Admin Panel with Mantine and Strapi

Learn how to build a React Admin Panel with Mantine and Strapi using refine, a free, open-source, and MIT-licensed React framework for building CRUD apps. The article covers setting up a refine application, built-in refine hooks and components for Mantine, adding resources and connecting pages, handling relational data, implementing mutation modes, sharing the current page with filters, and using the refine Mantine inferencer. The tutorial also includes a Live CodeSandbox Example. The article also introduces Strapi, a popular open-source headless CMS built using Node, and explains how to select Strapi as your back-end service when creating a refine application with the refine command line tool. The article also provides a fake Strapi API that you can use to learn how to integrate Strapi in a refine project. Please note that this post was created using version 3.x.x of refine and the source code example in this post has been updated to version 4.x.x.