Merge pull request #102 from prthpx/feat/github-auth-login

added GitHub OAuth provider and sign-in button

Author: apsinghdev

apps/web/src/components/login/SignInPage.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { signIn } from "next-auth/react";
 import PrimaryButton from "../ui/custom-button";
-import { Google } from "../icons/icons";
+import { Google, Github } from "../icons/icons";
 import Image from "next/image";
 import Overlay from "../ui/overlay";
 
@@ -32,6 +32,12 @@ const SignInPage = () => {
         </div>
         Continue with Google
       </PrimaryButton>
+      <PrimaryButton onClick={() => signIn("github", { callbackUrl: "/dashboard/home" })} classname="w-full max-w-[380px] z-20 ">
+        <div className="w-6">
+          <Github />
+        </div>
+        Continue with GitHub
+      </PrimaryButton>
     </div>
   );
 };

apps/web/src/lib/auth/config.ts

@@ -1,5 +1,6 @@
 import type { NextAuthOptions } from "next-auth";
 import GoogleProvider from "next-auth/providers/google";
+import GithubProvider from "next-auth/providers/github";
 import { serverTrpc } from "../trpc-server";
 
 export const authConfig: NextAuthOptions = {
@@ -8,14 +9,21 @@ export const authConfig: NextAuthOptions = {
       clientId: process.env.GOOGLE_CLIENT_ID!,
       clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
     }),
+    GithubProvider({
+      clientId: process.env.GITHUB_CLIENT_ID!,
+      clientSecret: process.env.GITHUB_CLIENT_SECRET!,
+      authorization: {
+        params: { scope: "read:user user:email" },
+      },
+    }),
   ],
   callbacks: {
-    async signIn({ user, profile }) {
+    async signIn({ user, profile, account }) {
       try {
         await serverTrpc.auth.googleAuth.mutate({
           email: user.email!,
-          firstName: profile?.name,
-          authMethod: "google",
+          firstName: user.name ?? (profile as any)?.name,
+          authMethod: account?.provider ?? "google",
         });
 
         return true;
@@ -39,7 +47,7 @@ export const authConfig: NextAuthOptions = {
           const data = await serverTrpc.auth.googleAuth.mutate({
             email: user.email!,
             firstName: user.name ?? undefined,
-            authMethod: "google",
+            authMethod: account.provider ?? "google",
           });
 
           token.jwtToken = data.token;