Ship faster with a
modern foundation

import { useAuth } from "@/shared/providers/auth-provider";

function Dashboard() {
  const { user, isAuthenticated, isLoading } = useAuth();

  if (isLoading) return <Skeleton />;
  if (!isAuthenticated) return <SignInPrompt />;

  return (
    <div>
      Welcome back, {user.name}!
    </div>
  );
}

import { signIn, signOut, syncAuthCookie } from "@/shared/auth/client";

// Sign in with email and password
async function handleSignIn(email: string, password: string) {
  await signIn(email, password);
  syncAuthCookie(); // Sync to cookie for SSR
}

// Sign out clears everything
function handleSignOut() {
  signOut(); // Clears auth store + cookie
}

import { cookies } from "next/headers";
import PocketBase from "pocketbase";

export default async function ProtectedPage() {
  const cookieStore = await cookies();
  const pb = new PocketBase(process.env.POCKETBASE_URL);

  const authCookie = cookieStore.get("pb_auth");
  if (authCookie?.value) {
    pb.authStore.loadFromCookie(`pb_auth=${authCookie.value}`);
  }

  const user = pb.authStore.isValid ? pb.authStore.record : null;
  // Now use `user` to fetch data or render UI
}

import { z } from "zod";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";

const schema = z.object({
  email: z.string().email("Invalid email"),
  password: z.string().min(8, "Min 8 characters"),
});

type FormData = z.infer<typeof schema>;

function SignInForm() {
  const { register, handleSubmit, formState } = useForm<FormData>({
    resolver: zodResolver(schema),
  });
  // formState.errors is fully typed!
}