[ Feat ] 인증 시스템 초기 세팅 및 login api 적용

.github/workflows/cd-pipeline.yml

@@ -45,6 +45,7 @@ jobs:
       - name: Set environment variables for build
         run: |
           echo "NEXT_PUBLIC_HOST=${{ secrets.NEXT_PUBLIC_HOST }}" >> .env.local
+          echo "AUTH_SECRET=${{ secrets.AUTH_SECRET }}" >> .env.local
 
       - name: Install Dependencies
         if: steps.cache-node.outputs.cache-hit != 'true'

next-auth.d.ts

@@ -0,0 +1,27 @@
+import type { User } from "next-auth";
+import "next-auth/jwt";
+
+interface AdapterUser extends User {
+  id: string;
+  email: string;
+  emailVerified: Date | null;
+}
+/**
+ * auth.ts에서 정의한 session과 token의 타입을 확장
+ * https://authjs.dev/getting-started/typescript#module-augmentation
+ */
+declare module "next-auth" {
+  interface Session {
+    accessToken: string;
+  }
+  interface User {
+    accessToken: string;
+  }
+}
+
+declare module "next-auth/jwt" {
+  interface JWT {
+    user: User & AdapterUser;
+    accessToken: string;
+  }
+}

next.config.mjs

@@ -11,6 +11,7 @@ const nextConfig = {
       }
     ]
   },
+  reactStrictMode: false,
   webpack(config) {
     // SVG imports를 처리하는 기존 규칙 가져오기
     const fileLoaderRule = config.module.rules.find((rule) =>

package.json

@@ -27,6 +27,7 @@
     "ky": "^1.7.2",
     "lottie-react": "^2.4.0",
     "next": "14.2.8",
+    "next-auth": "5.0.0-beta.25",
     "prism-themes": "^1.9.0",
     "prismjs": "^1.29.0",
     "react": "^18",
@@ -70,4 +71,4 @@
     "storybook-dark-mode": "^4.0.2",
     "typescript": "^5"
   }
-}
+}