Skip to main content
🧙‍♂️ refine grants your wishes! Please give us a ⭐️ on GitHub to keep the magic going.
Version: 4.xx.xx

1. Build your first refine app

What are we going to build?

tutorial antd

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.

Thank you Astro Community! ❤️

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 🎉

Checklist