Feat/auth branding oauth

web/package.json

@@ -13,6 +13,7 @@
     "framer-motion": "^12.38.0",
     "lucide-react": "^1.7.0",
     "next": "16.2.2",
+    "next-auth": "^4.24.14",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tailwind-merge": "^3.5.0"

web/src/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,30 @@
+import NextAuth from "next-auth";
+import GoogleProvider from "next-auth/providers/google";
+import FacebookProvider from "next-auth/providers/facebook";
+
+const handler = NextAuth({
+  providers: [
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID ?? "placeholder",
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET ?? "placeholder",
+    }),
+    FacebookProvider({
+      clientId: process.env.FACEBOOK_CLIENT_ID ?? "placeholder",
+      clientSecret: process.env.FACEBOOK_CLIENT_SECRET ?? "placeholder",
+    }),
+  ],
+  // This tells NextAuth to use your beautiful custom pages 
+  // instead of its default boring ones.
+  pages: {
+    signIn: '/login',
+    newUser: '/signup',
+  },
+  callbacks: {
+    async redirect({ url, baseUrl }) {
+      // After login, send them to the dashboard
+      return baseUrl + '/dashboard';
+    },
+  },
+});
+
+export { handler as GET, handler as POST };