Merge pull request #326 from JEOLLOGA/develop

[DEPLOY] next.js 마이그레이션 및 v2 api 전환

Author: seong-hui

.gitignore

@@ -29,4 +29,10 @@ dist-ssr
 
 .next
 next-env.d.ts
-dist
+
+dist
+
+CLAUDE.md
+
+# TypeScript build cache
+tsconfig.tsbuildinfo

eslint.config.js

@@ -49,12 +49,6 @@ export default tseslint.config(
       'react/prop-types': 'off',
       'react/jsx-pascal-case': 'warn',
       'react/no-unknown-property': ['error', { ignore: ['css'] }],
-      'react/function-component-definition': [
-        'error',
-        {
-          namedComponents: 'arrow-function',
-        },
-      ],
       'react-hooks/rules-of-hooks': 'error',
       'react-refresh/only-export-components': [
         'warn',

index.html

@@ -51,8 +51,5 @@
 
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
-    <script
-      type="text/javascript"
-      src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpClientId=%VITE_NAVER_API_KEY%"></script>
   </body>
 </html>

next.config.ts

@@ -0,0 +1,41 @@
+import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin';
+import type { NextConfig } from 'next';
+
+const withVanillaExtract = createVanillaExtractPlugin();
+
+const nextConfig: NextConfig = {
+  reactStrictMode: true,
+
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+
+  images: {
+    domains: ['noms.templestay.com', 'www.templestay.com', 'blogthumb.pstatic.net'],
+  },
+
+  webpack(config) {
+    const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'));
+
+    config.module.rules.push(
+      {
+        ...fileLoaderRule,
+        test: /\.svg$/i,
+        resourceQuery: /url/,
+      },
+
+      {
+        test: /\.svg$/i,
+        issuer: fileLoaderRule.issuer,
+        resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] },
+        use: ['@svgr/webpack'],
+      },
+    );
+
+    fileLoaderRule.exclude = /\.svg$/i;
+
+    return config;
+  },
+};
+
+export default withVanillaExtract(nextConfig);

package.json

@@ -4,8 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
+    "dev": "next dev",
+    "build": "tsc -b && next build",
     "lint": "eslint src/**/*.{ts,tsx} --fix",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -21,10 +21,14 @@
     "@vanilla-extract/recipes": "^0.5.5",
     "@vanilla-extract/vite-plugin": "^4.0.19",
     "axios": "^1.7.9",
+    "cookies-next": "^6.0.0",
     "jotai": "^2.11.1",
+    "motion": "^12.10.1",
+    "next": "^15.2.4",
     "ol": "^10.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-modal-sheet": "^4.4.0",
     "react-router-dom": "^7.1.1",
     "storybook-addon-react-router-v6": "^2.0.15"
   },
@@ -38,12 +42,14 @@
     "@storybook/react": "^8.4.7",
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
+    "@svgr/webpack": "^8.1.0",
     "@tanstack/react-query-devtools": "^5.62.11",
     "@types/navermaps": "^3.7.8",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@typescript-eslint/eslint-plugin": "^8.19.0",
     "@typescript-eslint/parser": "^8.19.0",
+    "@vanilla-extract/next-plugin": "^2.4.10",
     "@vitejs/plugin-react": "^4.3.4",
     "chromatic": "^11.22.1",
     "eslint": "^9.17.0",