https://github.com/cpursley/react-admin-low-code

react-admin (via ra-data-hasura provider) + hasura = :)
https://github.com/cpursley/react-admin-low-code

admin-dashboard admin-panel crud graphql hasura low-code react react-admin

Last synced: about 2 months ago
JSON representation

react-admin (via ra-data-hasura provider) + hasura = :)

• Host: GitHub
• URL: https://github.com/cpursley/react-admin-low-code
• Owner: cpursley
• Created: 2019-12-24T15:33:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-14T19:15:16.000Z (about 2 years ago)
• Last Synced: 2024-07-05T16:53:17.090Z (3 months ago)
• Topics: admin-dashboard, admin-panel, crud, graphql, hasura, low-code, react, react-admin
• Language: TypeScript
• Homepage:
• Size: 749 KB
• Stars: 223
• Watchers: 4
• Forks: 45
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Admin Low Code

This is an example [react-admin](https://marmelab.com/react-admin/) application (configuration based CRUD admin UI builder) demonstrating how to use the [ra-data-hasura](https://github.com/hasura/ra-data-hasura) data provider with a [Hasura](https://hasura.io/) (automatic GraphQL API backend on top of PostgreSQL). By combining these two technologies, you can build an entire back office admin suite in a matter of hours.

Video Tutorial: [Building Admin Interfaces with React Admin and Hasura GraphQL](https://www.youtube.com/watch?v=vVdV_LrBFqw)

⚠️ **NOTE** the [ra-data-hasura-graphql](https://github.com/Steams/ra-data-hasura-graphql) repository is now depreciated and has been migrated to the offical Hasura organization. Hasura has adopted and now maintains this library. Going forward, use this library: https://github.com/hasura/ra-data-hasura

## Alternatives

[@dvasdekis](https://github.com/dvasdekis) has taken this concept a step further and integrated Docker Compose for development, Firebase for authentication and Flyway for database migrations.

Check it out here: [react-admin-hasura-firebase](https://github.com/dvasdekis/react-admin-hasura-firebase)

[@hgiasac](hgiasac) has also put together a very complete example with TypeScript. He's created several branches demonstrating auth with [jtw](https://github.com/hgiasac/ra-hasura-typescript-boilerplate/tree/auth-jwt) and [firebase](https://github.com/hgiasac/ra-hasura-typescript-boilerplate/tree/auth-firebase) as well as a backend that includes Hasura Actions and Events and auth:

- [ra-hasura-typescript-boilerplate](https://github.com/hgiasac/ra-hasura-typescript-boilerplate)

- [hasura-typescript-boilerplate](https://github.com/hgiasac/hasura-typescript-boilerplate)

## Available Scripts

In the project directory, you can run:

### `yarn install`

Install dependencies.

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.


See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.