Feat: next-plugin-svgr 설정 (#60)

Author: seueooo

.github/workflows/auto-assign-issue.yml

@@ -1,10 +1,27 @@
-import type { NextConfig } from "next";
 import { createVanillaExtractPlugin } from "@vanilla-extract/next-plugin";
+import type { NextConfig } from "next";
+import withSvgr from "next-plugin-svgr";
+
+// Vanilla Extract 플러그인
+const withVanillaExtract = (config: NextConfig): NextConfig =>
+  createVanillaExtractPlugin()(config);
 
-const withVanillaExtract = createVanillaExtractPlugin();
+// Svgr 플러그인
+const withCustomSvgr = (config: NextConfig): NextConfig =>
+  withSvgr({
+    ...config,
+    svgrOptions: {
+      dimensions: false,
+      icon: true,
+    },
+  });
 
-const nextConfig: NextConfig = {
-  /* config options here */
+const plugins = [withVanillaExtract, withCustomSvgr];
+
+const baseConfig: NextConfig = {
+  reactStrictMode: true,
 };
 
-export default withVanillaExtract(nextConfig);
+const finalConfig = plugins.reduce((acc, plugin) => plugin(acc), baseConfig);
+
+export default finalConfig;

next.config.ts

@@ -24,6 +24,7 @@
     "clsx": "^2.1.1",
     "ky": "^1.8.1",
     "next": "15.3.5",
+    "next-plugin-svgr": "^1.1.12",
     "pretendard": "^1.3.9",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"