Skip to content

A Cross-Platform starter template for Refine.dev that utilizes the Simple REST data provider to fetch and display data from a REST API (you can easily replace with GraphQL data provider)

josephgodwinkimani/refine-starter

Repository files navigation

Refine Boilerplate for Web (PWA), Desktop and Mobile

Maintainability Desktop Publish Cordova Build Lint Lint Rust Code

Apache Cordova


This refine project was generated with create refine-app.

Refine is a React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility ✨

Refine's hooks and components simplifies the development process and eliminates the repetitive tasks by providing industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state management, and i18n.

To manage data, refine needs a data provider, which is a function that implements the DataProvider interface. It is responsible for communicating with your API and making data available to refine applications.

Comes with the Rest Data Provider, but you can easily switch to GraphQL data provider or any other provider you prefer. You also have the option to replace the entire Refine project with your own.

On the web on Web

On windows desktop

on Desktop

On android mobile

on Android

Prerequisites

to build a desktop app

  1. Microsoft Visual Studio C++ Build Tools
  2. WebView2 runtime (distributed as part of windows 10/11)
  3. Rust

to build android app

  1. JDK 15 and above
  2. Gradle 7.6 and above
  3. Android SDK 30.0.2 and above

Getting Started

    pnpm install -g cordova

Available Scripts

Running the development server.

    pnpm run dev

Building for production.

    pnpm run build

Running the production server.

    pnpm run start

Running your dekstop app.

    pnpm tauri dev

Building your desktop app for production.

    pnpm tauri build

Running the debug app for Android.

plug a handset into your computer and test the app directly

    pnpm run android # pnpm run ios

Building your Android app.

You can add ios app using cd cordova && cordova platform add ios

    pnpm run android:build # pnpm run ios:build
    # you can always use android studio to build a release

Related Projects

  • Nest.js GraphQL, Prisma, Docker API Starter — Nest.js Hybrid Application (HTTP server with microservice listeners) with GraphQL (schema first), Prisma, MySQL (easily replaceble), MongoDB, Jest, Docker.
  • Laravel Boilerplate for building REST APIs — A Laravel boilerplate for building REST APIs that support multi-tenancy, multiple MIME types using Fractal, API documentation, Eloquent model monitoring, and other credible libraries.
  • nestjsx/crud Starter — @nestjsx/crud starter repository for RESTful APIs running on Fastify.

Learn More

To learn more about refine, please check out the Documentation

License

MIT