Getting Started with React Auth Kit

👋 Welcome!

Manage authentication with ease on your React-based projects using React Auth Kit.

---

Installation

React-Auth-Kit and all it's plugins are available as a npm package.

• React Auth Kit

  ---

  Core library to integrate React Auth Kit

  npm yarn pnpm

  npm install react-auth-kit
  

  yarn add react-auth-kit
  

  pnpm install react-auth-kit
  

• @auth-kit/next

  ---

  Plugin to use the NextJs router

  npm yarn pnpm

  npm install @auth-kit/next
  

  yarn add @auth-kit/next
  

  pnpm install @auth-kit/next
  

• @auth-kit/react-router

  ---

  Plugin to use the React router

  npm yarn pnpm

  npm install @auth-kit/react-router
  

  yarn add @auth-kit/react-router
  

  pnpm install @auth-kit/react-router
  

• More Plugins are brewing Up!!

Integration

Integrate React Auth Kit into your application easily

• Integration with CRA and Vite - Integrate and unleash the power.
• Integration with Next. Js - Integrate and unleash the power.

Functionalities

Add up multiple functions to your application hl_lines="2 5 9"

• Sign In - Perform the Login or Signin Operation.
• Sign Out - Perform the Logout or Singout Operation.
• User Data - Get the current user's data in your app.
• Auth Header - Get the Auth Header for Network request in your app.
• Auth Status - Get the Auth Status (boolean value) in your components before rendering.
• Refresh Token - Refresh the Access Token using the Refresh token

Private Routing

React Auth Kit supports various various routering frameworks to handle Private Routing and Redirection

• React Router - Integrate Private Route with React Router and React Router Dom
• Next Js App Router - Integrate Private Route with Next Js App Router

---

— 🔑 —

React Auth Kit is MIT License code