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!!

Looking for a hosted alternative? Clerk provides complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users. Try Clerk →

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