diff --git a/web/src/lib/api/auth.remote.ts b/web/src/lib/api/auth.remote.ts
new file mode 100644
index 0000000..a627a64
--- /dev/null
+++ b/web/src/lib/api/auth.remote.ts
@@ -0,0 +1,29 @@
+import { redirect } from '@sveltejs/kit';
+import { form, getRequestEvent, query } from '$app/server';
+import { auth } from '$lib/server/auth';
+import { signupSchema, loginSchema } from '$lib/schema/auth';
+
+export const signup = form(signupSchema, async (user) => {
+ await auth.api.signUpEmail({ body: user });
+ redirect(307, '/dashboard');
+});
+
+export const login = form(loginSchema, async (user) => {
+ const { request } = getRequestEvent();
+ await auth.api.signInEmail({ body: user, headers: request.headers });
+ redirect(303, '/dashboard');
+});
+
+export const signout = form(async () => {
+ const { request } = getRequestEvent();
+ await auth.api.signOut({ headers: request.headers });
+ redirect(303, '/login');
+});
+
+export const getUser = query(async () => {
+ const { locals } = getRequestEvent();
+ if (!locals.user) {
+ redirect(307, '/login');
+ }
+ return locals.user;
+});
diff --git a/web/src/routes/+layout.server.ts b/web/src/routes/+layout.server.ts
new file mode 100644
index 0000000..c9d39ee
--- /dev/null
+++ b/web/src/routes/+layout.server.ts
@@ -0,0 +1,7 @@
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+ return {
+ user: locals.user ?? null
+ };
+};
diff --git a/web/src/routes/+page.server.ts b/web/src/routes/+page.server.ts
new file mode 100644
index 0000000..3715571
--- /dev/null
+++ b/web/src/routes/+page.server.ts
@@ -0,0 +1,9 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ locals }) => {
+ if (locals.user) {
+ redirect(307, '/dashboard');
+ }
+ redirect(307, '/login');
+};
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
new file mode 100644
index 0000000..1ef0183
--- /dev/null
+++ b/web/src/routes/+page.svelte
@@ -0,0 +1 @@
+Redirecting...
diff --git a/web/src/routes/dashboard/+layout.server.ts b/web/src/routes/dashboard/+layout.server.ts
new file mode 100644
index 0000000..097109b
--- /dev/null
+++ b/web/src/routes/dashboard/+layout.server.ts
@@ -0,0 +1,11 @@
+import { redirect } from '@sveltejs/kit';
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+ if (!locals.user) {
+ redirect(307, '/login');
+ }
+ return {
+ user: locals.user
+ };
+};
diff --git a/web/src/routes/dashboard/+layout.svelte b/web/src/routes/dashboard/+layout.svelte
new file mode 100644
index 0000000..2dc91b7
--- /dev/null
+++ b/web/src/routes/dashboard/+layout.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
Dashboard
+Welcome back, {data.user.name}.
+
+