Xirynx Comments - Answer Overflow

Xirynx

Posts Comments

BABetter Auth

•Created by Xirynx on 4/4/2025 in #help

Authentication with Express backend + Next.js frontend

Thank you @Ali Nasir @Ping

8 replies

BABetter Auth

•Created by Xirynx on 4/4/2025 in #help

Authentication with Express backend + Next.js frontend

I tried this as a quick test, and it seems to work. Wondering if this is a valid approach?

import { SignOutButton } from '@/components/sign-out-button';
import { authClient } from '@/lib/auth';
import { headers } from "next/headers";

export default async function Locked() {
    const { data, error } = await authClient.getSession({
        fetchOptions: {
            headers: await headers(),
        }
    });
    
    if (error) {
        // handle error
        return (
            <div className="flex flex-col items-center justify-center h-screen">
                <h1 className="text-2xl font-bold mb-4">Error</h1>
                <p className="text-lg mb-4">{error.message}</p>
            </div>
        );
    }

    if (!data) {
        // handle error
        return (
            <div className="flex flex-col items-center justify-center h-screen">
                <h1 className="text-2xl font-bold mb-4">Error</h1>
                <p className="text-lg mb-4">You are not logged in</p>
            </div>
        );
    }

    return (
        <div className="flex flex-col items-center justify-center h-screen">
            <h1 className="text-2xl font-bold mb-4">This is a protected page</h1>
            <p className="text-lg mb-4">You are logged in as {data.user.name}</p>
            <SignOutButton />
        </div>
    );
}

import { SignOutButton } from '@/components/sign-out-button';
import { authClient } from '@/lib/auth';
import { headers } from "next/headers";

export default async function Locked() {
    const { data, error } = await authClient.getSession({
        fetchOptions: {
            headers: await headers(),
        }
    });
    
    if (error) {
        // handle error
        return (
            <div className="flex flex-col items-center justify-center h-screen">
                <h1 className="text-2xl font-bold mb-4">Error</h1>
                <p className="text-lg mb-4">{error.message}</p>
            </div>
        );
    }

    if (!data) {
        // handle error
        return (
            <div className="flex flex-col items-center justify-center h-screen">
                <h1 className="text-2xl font-bold mb-4">Error</h1>
                <p className="text-lg mb-4">You are not logged in</p>
            </div>
        );
    }

    return (
        <div className="flex flex-col items-center justify-center h-screen">
            <h1 className="text-2xl font-bold mb-4">This is a protected page</h1>
            <p className="text-lg mb-4">You are logged in as {data.user.name}</p>
            <SignOutButton />
        </div>
    );
}

8 replies

Gaming

Programming