diff --git a/demo/src/routes/+layout.server.js b/demo/src/routes/+layout.server.js
new file mode 100644
index 0000000..2ec7ce4
--- /dev/null
+++ b/demo/src/routes/+layout.server.js
@@ -0,0 +1,5 @@
+export const load = ({ platform }) => {
+	return {
+		clientPrincipal: platform?.clientPrincipal
+	};
+};
diff --git a/demo/src/routes/+layout.svelte b/demo/src/routes/+layout.svelte
index 9c7445f..df3525e 100644
--- a/demo/src/routes/+layout.svelte
+++ b/demo/src/routes/+layout.svelte
@@ -1,12 +1,17 @@
 <script>
 	import Header from './Header.svelte';
 	import './styles.css';
+
+	export let data;
 </script>
 
 <div class="app">
-	<Header />
+	<Header isLoggedIn={!!data.clientPrincipal} />
 
 	<main>
+		{#if data.clientPrincipal}
+			<p>{JSON.stringify(data.clientPrincipal)}</p>
+		{/if}
 		<slot />
 	</main>
 
diff --git a/demo/src/routes/+page.js b/demo/src/routes/+page.js
deleted file mode 100644
index a72419a..0000000
--- a/demo/src/routes/+page.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// since there's no dynamic data here, we can prerender
-// it so that it gets served as a static asset in production
-export const prerender = true;
diff --git a/demo/src/routes/Header.svelte b/demo/src/routes/Header.svelte
index 368b721..d05cc03 100644
--- a/demo/src/routes/Header.svelte
+++ b/demo/src/routes/Header.svelte
@@ -2,6 +2,8 @@
 	import { page } from '$app/stores';
 	import logo from '$lib/images/svelte-logo.svg';
 	import github from '$lib/images/github.svg';
+
+	export let isLoggedIn = false;
 </script>
 
 <header>
@@ -25,6 +27,15 @@
 			<li aria-current={$page.url.pathname.startsWith('/sverdle') ? 'page' : undefined}>
 				<a href="/sverdle">Sverdle</a>
 			</li>
+			{#if isLoggedIn}
+				<li>
+					<a href="/.auth/logout" data-sveltekit-reload>Logout</a>
+				</li>
+			{:else}
+				<li>
+					<a href="/.auth/login/github" data-sveltekit-reload>Login</a>
+				</li>
+			{/if}
 		</ul>
 		<svg viewBox="0 0 2 3" aria-hidden="true">
 			<path d="M0,0 L0,3 C0.5,3 0.5,3 1,2 L2,0 Z" />
diff --git a/demo/src/routes/about/+page.js b/demo/src/routes/about/+page.js
index e739ef4..9d8304e 100644
--- a/demo/src/routes/about/+page.js
+++ b/demo/src/routes/about/+page.js
@@ -3,7 +3,3 @@ import { dev } from '$app/environment';
 // we don't need any JS on this page, though we'll load
 // it in dev so that we get hot module replacement
 export const csr = dev;
-
-// since there's no dynamic data here, we can prerender
-// it so that it gets served as a static asset in production
-export const prerender = true;
diff --git a/demo/src/routes/sverdle/how-to-play/+page.js b/demo/src/routes/sverdle/how-to-play/+page.js
deleted file mode 100644
index e739ef4..0000000
--- a/demo/src/routes/sverdle/how-to-play/+page.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { dev } from '$app/environment';
-
-// we don't need any JS on this page, though we'll load
-// it in dev so that we get hot module replacement
-export const csr = dev;
-
-// since there's no dynamic data here, we can prerender
-// it so that it gets served as a static asset in production
-export const prerender = true;