Initial commit, working app

2025-05-09 20:59:58 +02:00
parent 02b81219fa
commit e250b6b5d8
10 changed files with 431 additions and 62 deletions
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -0,0 +1,19 @@
+---
+interface Props {
+  title?: string;
+}
+
+const { title = "KarkarCar" } = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>{title}</title>
+  </head>
+  <body>
+    <slot />
+  </body>
+</html> 
--- a/src/pages/_app.astro
+++ b/src/pages/_app.astro
@@ -0,0 +1,3 @@
+---
+export const prerender = false;
+--- 
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,16 +1,25 @@
 ---
+import Layout from '../layouts/Base.astro';
+import type { Session } from '@auth/core/types';

+import { getSession } from 'auth-astro/server';
+import { Auth, SignIn, SignOut } from 'auth-astro/components';
+
+const session = await getSession(Astro.request);
+console.log(session);
 ---
-
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
-	</body>
-</html>
+<Auth>
+	{(session: Session) => (
+		console.log(session),
+	  <>
+		{session ? 
+			<SignOut>Logout</SignOut>
+		:
+			<SignIn provider="keycloak">Login</SignIn>
+		}
+		<p>
+			{session ? `Logged in as ${session.user?.name}` : 'Not logged in'}
+		</p>
+	  </>
+	)}
+</Auth>