refine-project

This refine project was generated with superplate.

Getting Started

refine is a React-based framework for building data-intensive applications in no time ✨

Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. Use-cases include, but are not limited to admin panels, B2B applications and dashboards.

Available Scripts

Running the development server

npm run dev

Building for production

npm run build

Running the production server

npm run start

Learn More

To learn more about refine, please check out the Documentation

• Supabase Data Provider Docs
• Material UI Docs
• Inferencer Docs
• i18n Docs

 Configuration

You need to create a .env file in the root directory of the project and add the following environment variables.

NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_KEY=YOUR_SUPABASE_ANON_KEY
PROJECT_REF=YOUR_SUPABASE_PROJECT_REF

Also, you can use the following command to create a .env file from .env.example.

cp .env.example .env

 Generating Supabase Types

To generate types for your Supabase tables, you can use the following command. When you run this command, it will create a supabase.ts file in the src/types folder. Also, you need to set the PROJECT_REF environment variable in the .env file.

npm run generate:types

Table Types

You can define types for your tables in a file by importing the Database type from the supabase.ts file.

// src/types/index.ts
import { Database } from "./supabase";

type Team = Database["public"]["Tables"]["teams"]["Row"];

License

MIT