fix : Video 렌더링 안되는 버그 수정

client/.env.example

@@ -2,4 +2,7 @@ NEXT_PUBLIC_API_URL=
 NEXTAUTH_URL=
 NEXTAUTH_SECRET=
 JWT_SECRET=
-MONGODB_URI=
+MONGODB_URI=
+MUX_TOKEN_ID=
+MUX_TOKEN_SECRET=
+MUX_PLAYER_PLAYBACKID=

client/.gitignore

@@ -34,3 +34,10 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# next-video
+videos/*
+!videos/*.json
+!videos/*.js
+!videos/*.ts
+public/_next-video

client/next.config.mjs

@@ -1,3 +1,4 @@
+import { withNextVideo } from "next-video/process";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
@@ -9,18 +10,20 @@ const nextConfig = {
 
     config.module.rules.push({
       test: /\.(mp4|webm|ogg|swf|avi)$/,
-      use: {
-        loader: "file-loader",
-        options: {
-          outputPath: "static/videos",
-          publicPath: "/_next/static/videos",
-          name: "[name].[hash].[ext]",
+      use: [
+        {
+          loader: "file-loader",
+          options: {
+            outputPath: "static/videos",
+            publicPath: "/_next/static/videos",
+            name: "[name].[hash].[ext]",
+          },
         },
-      },
+      ],
     });
 
     return config;
   },
 };
 
-export default nextConfig;
+export default withNextVideo(nextConfig);