React Admin Low Code

This is an example react-admin application (configuration based CRUD admin UI builder) demonstrating how to use the ra-data-hasura data provider with a Hasura (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

⚠️ NOTE the 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 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

@hgiasac has also put together a very complete example with TypeScript. He's created several branches demonstrating auth with jtw and firebase as well as a backend that includes Hasura Actions and Events and auth:

• ra-hasura-typescript-boilerplate
• 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.<br /> Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.<br /> You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.<br /> See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.<br /> 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.<br /> Your app is ready to be deployed!

See the section about deployment for more information.