From 9514b1be33d66fd0636767d07e33fe0c0af4296e Mon Sep 17 00:00:00 2001
From: SKULL-GOD <allen.david.wang@gmail.com>
Date: Sat, 12 Apr 2025 14:40:47 -0400
Subject: [PATCH] Authentication Added

---
 src/app/page.tsx  | 57 +++++++++++++++++++++++++----------------------
 src/middleware.ts |  2 +-
 2 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 361c8d2..6314119 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,30 +1,33 @@
-"use client";
-import Image from "next/image";
+import { auth0 } from "@/lib/auth0";
+import './globals.css';
 
-function Mobile() {
-	return (
-		<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-			<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
-				<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
-					Welcome to Mobile.s!
-				</h1>
-			</main>
-		</div>
-	);
-}
+export default async function Home() {
+  // Fetch the user session
+  const session = await auth0.getSession();
 
-function Web() {
-	return (
-		<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-			<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
-				<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
-					Welcome to Web.s!
-				</h1>
-			</main>
-		</div>
-	);
-}
+  // If no session, show sign-up and login buttons
+  if (!session) {
+    return (
+      <main>
+        <a href="/auth/login?screen_hint=signup">
+          <button>Sign up</button>
+        </a>
+        <a href="/auth/login">
+          <button>Log in</button>
+        </a>
+      </main>
+    );
+  }
 
-export default function Home() {
-	return Mobile();
-}
+  // If session exists, show a welcome message and logout button
+  return (
+    <main>
+      <h1>Welcome, {session.user.name}!</h1>
+      <p>
+        <a href="/auth/logout">
+          <button>Log out</button>
+        </a>
+      </p>
+    </main>
+  );
+}
\ No newline at end of file
diff --git a/src/middleware.ts b/src/middleware.ts
index fd65d1c..6b63ae0 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,5 +1,5 @@
 import type { NextRequest } from "next/server";
-import { auth0 } from "./lib/auth0"
+import { auth0 } from "./lib/auth0";
 
 export async function middleware(request: NextRequest) {
   return await auth0.middleware(request);