✨ profile page storybook 추가

apps/web/.storybook/main.ts

@@ -1,4 +1,4 @@
-const path = require('path')
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
 
 /** @type { import('@storybook/nextjs').StorybookConfig } */
 const config = {
@@ -18,6 +18,11 @@ const config = {
       },
     },
   ],
+  staticDirs: ['../public'],
+  webpackFinal: async (config, { configType }) => {
+    config.resolve.plugins = [new TsconfigPathsPlugin()]
+    return config
+  },
   framework: {
     name: '@storybook/nextjs',
     options: {},

apps/web/package.json

@@ -57,6 +57,7 @@
     "storybook-dark-mode": "^3.0.1",
     "storybook-tailwind-dark-mode": "^1.0.22",
     "tailwindcss": "3.3.2",
-    "tsconfig": "*"
+    "tsconfig": "*",
+    "tsconfig-paths-webpack-plugin": "^4.1.0"
   }
 }

apps/web/src/stories/pages/Profile.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { default as Profile$1 } from '../../app/profile/[id]/page'
+
+const meta = {
+  title: 'Pages/Profile',
+  component: Profile$1,
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+  },
+} satisfies Meta<typeof Profile$1>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Profile: Story = {
+  args: {},
+}