React Admin Auth Simplified

An authentication and data provider package specifically designed for React-Admin, enabling seamless integration with @luikingkit/auth-simplified authentication services. Includes a built-in change password page to improve user experience and security.

Installation

Install via npm:

npm install react-admin-auth-simplified

Or via yarn:

yarn add react-admin-auth-simplified

Prerequisites

• React Admin (v4.16.0 or later)
  Make sure React-Admin is installed in your project.

• Running Authentication Backend
  Your backend must use @luikingkit/auth-simplified for authentication and token management.

  • For a quick backend setup and demo, see:
    Protected JSONPlaceholder Backend
  • To see a working frontend demo, check:
    Protected JSONPlaceholder Frontend

Quick Start

App.jsx Example:

import { Admin, Resource, CustomRoutes } from "react-admin";
import { Route } from "react-router-dom";
import {
  authProvider,
  jsonServerProvider,
  ChangePassword,
} from "react-admin-auth-simplified";

const dataProvider = jsonServerProvider(import.meta.env.VITE_JSON_SERVER_URL);

export const App = () => (
  <Admin dataProvider={dataProvider} authProvider={authProvider} requireAuth>
    <Resource name="posts" list={PostList} />
    <CustomRoutes>
      <Route path="/change-password" element={<ChangePassword />} />
    </CustomRoutes>
  </Admin>
);

Documentation & References

• React-Admin Documentation
• @luikingkit/auth-simplified Backend Auth Module
• Protected JSONPlaceholder Frontend (Demo)
• Protected JSONPlaceholder Backend (Demo)

License

MIT © Lui King Kit

Support

• GitHub Issues