diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index 4b6011a..ebf4eb5 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -1,11 +1,18 @@
 import { betterAuth } from 'better-auth';
 import { convexAdapter } from '@better-auth-kit/convex';
 import { ConvexHttpClient } from 'convex/browser';
+import { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET } from '$env/static/private';
 
 const convexClient = new ConvexHttpClient(process.env.CONVEX_SITE_URL!);
 
 export const auth = betterAuth({
 	secret: process.env.BETTER_AUTH_SECRET!,
 	database: convexAdapter(convexClient),
+	socialProviders: {
+		github: {
+			clientId: GITHUB_CLIENT_ID,
+			clientSecret: GITHUB_CLIENT_SECRET
+		}
+	},
 	plugins: []
 });
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7db3fbc..02f2a67 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,13 @@
 <script lang="ts">
-	import Button from "$lib/components/ui/button/button.svelte";
-    import { authClient } from "$lib/backend/auth/client";
+	import Button from '$lib/components/ui/button/button.svelte';
+	import { authClient } from '$lib/backend/auth/client';
+
+	async function signInGithub() {
+		await authClient.signIn.social({
+			provider: 'github',
+			callbackURL: '/chat'
+		});
+	}
 </script>
 
-<Button onclick={}>
-
-</Button>
\ No newline at end of file
+<Button onClickPromise={signInGithub}>Sign In Github</Button>