1. Build your first refine app
What are we going to build?β
Since refine is a versatile framework designed for building all types of CRUD apps, such as internal tools, admin panels, B2B apps, and dashboards, this tutorial will focus on showcasing how refine simplifies the development process of creating a minimal yet fully functional admin panel app.
You will be guided through the process of building a CRUD app, including authentication, CRUD operation components, and fully functional pages, all built using the refine framework
You can take a look at the similar app that we'll be constructing in this tutorial by following this link.
We'll cover the following topics:
- Setting up your development environment.
- Creating your first refine app.
- Communicate with your API through
dataProvider
. - The concept of the
resources
property. - Adding CRUD pages to your project.
- Handle authentication with
authProvider
.
You will learn all the necessary steps to get started with refine, from setting up your development environment to launching your app. π
If you would rather start exploring refine with some examples before diving in, visit our examples page and choose an example to open and explore it in an online editor.
While preparing the refine's tutorial, we were quite inspired by the Astro tutorial. We thank Astro for your contributions to the open-source community π