Create page.md

articles/quickstart/webapp/nextjs/files/page.md

@@ -0,0 +1,42 @@
+---
+name: "src/app/page.tsx"
+language: javascript
+---
+
+<!-- markdownlint-disable MD041 -->
+
+```javascript
+import { auth0 } from "@/lib/auth0";
+import './globals.css';
+
+export default async function Home() {
+  // Fetch the user session
+  const session = await auth0.getSession();
+
+  // If no session, show sign-up and login buttons
+  if (!session) {
+    return (
+      <main className="page">
+        <a href="/auth/login?screen_hint=signup">
+          <button className="white">Sign up</button>
+        </a>
+        <a href="/auth/login">
+          <button>Log in</button>
+        </a>
+      </main>
+    );
+  }
+
+  // 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>
+  );
+}
+```