Simple Next Auth

Missing ECMAScript module utils for Node.js

Next auth for next@14

Usage

Install npm package:

# using yarn
yarn add simple-next-auth

# using npm
npm install simple-next-auth

# using pnpm
pnpm install simple-next-auth

Note: Node.js 18+ is recommended.

Import utils:

// ESM
import {} from "simple-next-auth";

// CommonJS
const {} = require("simple-next-auth");

Resolving ESM modules

Several utilities to make ESM resolution easier:

• Respecting ECMAScript Resolver algorithm
• Exposed from Node.js implementation
• Windows paths normalized
• Supporting custom extensions and /index resolution
• Supporting custom conditions
• Support resolving from multiple paths or urls

Setup

Setup middleware

import { NextResponse } from "next/server";
import { withAuth } from "simple-next-auth";

const auth = withAuth(
  function middleware(request) {
    const pathname = request.nextUrl.pathname
    if (pathname === "/") {
      return NextResponse.redirect(new URL("/login", request.url));
    }
    return NextResponse.next();
  }
);

export default auth;

// See "Matching Paths" below to learn more
export const config = {
  matcher: [
    // "/:path*",
    "/((?!api|login|_next/static|_next/image|favicon.ico).*)",
  ],
};

Setup provider

"use client";

import { SessionProvider } from "next-simple-auth/dist/react";

export default function App({ children }: { children: React.ReactNode }) {
  return <SessionProvider>{children}</SessionProvider>;
}

Setup auth api routes

Create file /api/[...auth]/route.ts

import { auth, Provider, AuthRequestType } from "simple-next-auth";
import { NextRequest } from "next/server";

const loginProvider = new Provider("credentials", {
  name: "login",
  handler: async (
    request: AuthRequestType<{
      email?: string;
      password?: string;
      enable_2fa?: boolean;
    }>,
  ) => {
    const body = await request.json();
    return {
      authorized: !body.enable_2fa,
      session: body,
      jwt: {},
    };
  },
});

const twoFactorProvider = new Provider("credentials", {
  name: "2fa",
  handler: async (request: AuthRequestType<{ name?: string }>, { session }) => {
    const body = await request.json();
    return {
      session: session,
      jwt: {
        // Jwt options
      }
    };
  },
});

const h = auth({
  providers: [loginProvider, twoFactorProvider],
});

export { h as GET, h as POST };

Usage

signIn

import { signIn } from "next-simple-auth/dist/react";

signIn('login', {
  email: 'EMAIL',
  password: 'PASSWORD',
})

signOut

import { signOut } from "next-simple-auth/dist/react";

signout()

Use and update session

import { useSession } from "next-simple-auth/dist/react";

export default function Login() {
    const { user, update } = useSession()
   
    return <div>
        {{ user.email }}
    </div>
}

License

MIT - Made with 💛