🐛 새로고침 시 404페이지 노출 이슈

Author: hwiiron

next.config.ts

@@ -1,9 +1,10 @@
 import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
-  /* config options here */
   reactStrictMode: false,
-  webpack(config) {
+  output: 'export',
+  webpack(config, { isServer }) {
+    // SVG 로더 추가
     config.module.rules.push({
       test: /\.svg$/, // SVG 파일을 찾습니다.
       use: [
@@ -16,6 +17,19 @@ const nextConfig: NextConfig = {
       ],
     });
 
+    // publicPath 설정
+    config.output.publicPath = '/';
+
+    // devServer 설정 추가 (클라이언트 전용)
+    if (!isServer) {
+      config.devServer = {
+        ...config.devServer,
+        devMiddleware: {
+          publicPath: '/',
+        },
+      };
+    }
+
     return config;
   },
   images: {