User Authentication

1// src/app/api/your-route/route.ts
2
3import { auth } from "@/lib/auth";
4import { NextResponse } from "next/server";
5
6export async function GET() {
7  // Get the current user's session
8  const session = await auth();
9
10  // Check if they're logged in
11  if (!session?.user) {
12    return NextResponse.json(
13      { error: "You must be logged in" },
14      { status: 401 }
15    );
16  }
17
18  // User is logged in - you can access their info
19  const userId = session.user.id;
20  const userEmail = session.user.email;
21
22  return NextResponse.json({
23    message: "Hello!",
24    userId
25  });
26}

1"use client";
2
3import { useSession, signIn, signOut } from "next-auth/react";
4
5export function UserStatus() {
6  // Get session data and loading state
7  const { data: session, status } = useSession();
8
9  // Show loading while checking auth
10  if (status === "loading") {
11    return <p>Loading...</p>;
12  }
13
14  // User is logged in
15  if (session) {
16    return (
17      <div>
18        <p>Welcome, {session.user?.email}!</p>
19        <button onClick={() => signOut()}>
20          Log out
21        </button>
22      </div>
23    );
24  }
25
26  // User is not logged in
27  return (
28    <button onClick={() => signIn()}>
29      Log in
30    </button>
31  );
32}

1// No "use client" - this runs on the server
2
3import { auth } from "@/lib/auth";
4
5export default async function PrivatePage() {
6  const session = await auth();
7
8  if (!session) {
9    return <p>Please log in to view this page.</p>;
10  }
11
12  return (
13    <div>
14      <h1>Welcome, {session.user?.name}!</h1>
15      <p>This is your private dashboard.</p>
16    </div>
17  );
18}