@loop/auth

pnpm add @loop/auth

import { UNAUTHENTICATED, type AuthState, type AuthUser } from '@loop/auth';
 
// UNAUTHENTICATED is a sentinel value for unauthenticated state

import { useAuth, UserButton, SignInButton } from '@loop/auth/client';
 
// React hook for auth state
const { user, isSignedIn, isLoaded } = useAuth();

import { clerkMiddleware } from '@loop/auth/middleware';
 
// In middleware.ts
export default clerkMiddleware;

// middleware.ts
import { clerkMiddleware, createRouteMatcher } from '@loop/auth/middleware';
 
const isPublicRoute = createRouteMatcher(['/sign-in(.*)', '/sign-up(.*)', '/']);
 
export default clerkMiddleware((auth, request) => {
  if (!isPublicRoute(request)) {
    auth().protect();
  }
});

import { currentUser } from '@clerk/nextjs/server';
 
export default async function Page() {
  const user = await currentUser();
  if (!user) return <div>Not signed in</div>;
  return <div>Hello {user.firstName}</div>;
}