feat: gpt ai 연결 진행 중

.env.sample

@@ -7,7 +7,10 @@ NEXT_PUBLIC_TMDB_IMAGE_URL=https://image.tmdb.org/t/p/
 NEXT_PUBLIC_LOCAL_BASE_URL=백엔드 API
 
 # AUTH
-AUTH_SECRET=
+OPENAI_API_KEY=GPT 키
+
+# AUTH
+AUTH_SECRET=암호화 키
 
 # MSW
-NEXT_PUBLIC_API_MOCKING=enabled
+NEXT_PUBLIC_API_MOCKING=enabled

app/(site)/@modal/(.)i/chat/page.tsx

@@ -0,0 +1,5 @@
+import { GPTModal } from '@/widgets/modal'
+
+export default function Page() {
+  return <GPTModal />
+}

app/(site)/i/chat/page.tsx

@@ -0,0 +1,5 @@
+import { GPTModal } from '@/widgets/modal'
+
+export default function Page() {
+  return <GPTModal />
+}

app/(site)/layout.tsx

@@ -3,6 +3,7 @@ import 'react-toastify/dist/ReactToastify.css'
 import { ReactNode } from 'react'
 import { ToastContainer } from 'react-toastify'
 
+import { ChatButton } from '@/features/chat/ui'
 import { Outlet } from '@/widgets/layout'
 
 import styles from './layout.module.scss'
@@ -17,6 +18,7 @@ export default function Layout({ children, modal }: Props) {
     <main className={styles.container}>
       {modal}
       <Outlet>
+        <ChatButton />
         <ToastContainer autoClose={1000} />
         {children}
       </Outlet>

package.json

@@ -17,6 +17,7 @@
     ]
   },
   "dependencies": {
+    "@ai-sdk/openai": "^0.0.16",
     "@auth/core": "0.27",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.4",
@@ -31,6 +32,7 @@
     "@tanstack/react-query": "^5.29.0",
     "@types/cors": "^2.8.17",
     "@types/express": "^4.17.21",
+    "ai": "^3.1.15",
     "classnames": "^2.5.1",
     "cookie": "^0.6.0",
     "cors": "^2.8.5",
@@ -44,6 +46,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.5",
     "react-intersection-observer": "^9.10.0",
+    "react-markdown": "^9.0.1",
     "react-toastify": "^10.0.5",
     "react-youtube": "^10.1.0",
     "sass": "^1.75.0",