#refineweek: Setting Up the Client App

• Refine

  201 24,853 9.9 TypeScript

  A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

  

In this episode, we initialize our Pixels app using refine and get familiar with the boilerplate code to be created with the create refine-app CLI tool.

• supabase

  769 66,465 10.0 TypeScript

  The open source Firebase alternative.

  

For this project, we are using a PostgreSQL database hosted in the Supabase cloud. refine comes with an optional package for Supabase that gives us dataProvider and authProviders out-of-the-box for handling requests for CRUD actions, authentication and authorization against models hosted in a Supabase server.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• antd

  210 90,297 10.0 TypeScript

  An enterprise-class UI design language and React UI library

  

This should create a rudimentary refine app that supports Ant Design in the UI and Supabase in the backend. If we open the app in our code editor, we can see that refine's optional packages for Ant Design and Supabase are added to package.json:

Suggest a related project