@inertiapixel/react-auth NPM

InertiaPixel React/NextJs Auth Library

react-auth

Authentication library for React and Next.js. Supports credential and social login, JWT token handling, and context-based auth state — built for scalable, multi-project use.

🚀 Installation

Install the package via npm:

npm install @inertiapixel/react-auth

🚀 Features

✅ Easy setup with AuthProvider
🔒 JWT-based authentication
🔑 Supports:
- Credentials login (email + password)
- Social logins (Google, Facebook) -->
🧠 Context-driven auth state
📦 Built-in utilities like useAuth, Protect, SignedIn, SignedOut
🧪 Type-safe API (written in TypeScript)
⚙️ Plug-and-play for scalable projects

🛠️ Basic Usage

1. Wrap your App with `AuthProvider`

// pages/_app.tsx
import { AuthProvider, SignedIn, SignedOut } from '@inertiapixel/react-auth'
import type { AppProps } from 'next/app'

export default function MyApp({ Component, pageProps }: AppProps) {
  return (
    <AuthProvider config={{ tokenKey: 'token', redirectTo: '/' }}>
      <SignedIn>
        <Component {...pageProps} />
      </SignedIn>
      <SignedOut>
        <p>Please sign in</p>
      </SignedOut>
    </AuthProvider>
  )
}