add: google & github providers (#1362)

* add: google & github providers

* update: remove experimental appDir as no longer needed

* add: condition check for next-auth

---------

Co-authored-by: opacteam <[email protected]>

.env.example

@@ -5,4 +5,13 @@ EMAIL_FROM=
 DATABASE_URL='postgresql://'
 SHADOW_DATABASE_URL='postgresql://'
 # Used to encrypt the NextAuth.js JWT, and to hash email verification tokens. This is the default value for the secret option in NextAuth and Middleware.
-NEXTAUTH_SECRET=JWT_SECRET_KEY
+NEXTAUTH_SECRET=JWT_SECRET_KEY
+
+# Github NextAuth Credentials
+GITHUB_ID=
+GITHUB_SECRET=
+
+
+# Google NextAuth Credentials
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=

next.config.js

@@ -2,9 +2,6 @@ const { createSecureHeaders } = require("next-secure-headers");
 
 /** @type {import('next').NextConfig} */
 module.exports = {
-  experimental: {
-    appDir: true,
-  },
   async headers() {
     return [{ source: "/(.*)", headers: createSecureHeaders() }];
   },

pages/api/auth/[...nextauth].ts

@@ -3,14 +3,42 @@ import { PrismaAdapter } from '@next-auth/prisma-adapter';
 import * as Prisma from '@prisma/client';
 import NextAuth from 'next-auth';
 import EmailProvider from 'next-auth/providers/email';
+import GithubProvider from 'next-auth/providers/github';
+import GoogleProvider from 'next-auth/providers/google';
 
 const prisma = new Prisma.PrismaClient();
+
+
+// Default option
+const providers = [
+  EmailProvider({
+    server: process.env.EMAIL_SERVER,
+    from: process.env.EMAIL_FROM,
+  }),
+];
+
+// GitHub Provider
+if (process.env.GITHUB_ID && process.env.GITHUB_SECRET) {
+  providers.push(
+    GithubProvider({
+      clientId: process.env.GITHUB_ID,
+      clientSecret: process.env.GITHUB_SECRET,
+    })
+  );
+}
+
+// Google Provider
+
+if (process.env.GOOGLE_CLIENT_ID && process.env.GOOGLE_CLIENT_SECRET) {
+  providers.push(
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID,
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
+    })
+  );
+}
+
 export default NextAuth({
-    providers: [
-        EmailProvider({
-            server: process.env.EMAIL_SERVER,
-            from: process.env.EMAIL_FROM,
-        }),
-    ],
-    adapter: PrismaAdapter(prisma),
+  providers,
+  adapter: PrismaAdapter(prisma),
 });

public/mockServiceWorker.js

@@ -2,7 +2,7 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (1.2.2).
+ * Mock Service Worker (1.3.2).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.