develop > main

.github/ISSUE_TEMPLATE/chore.yml

@@ -0,0 +1,24 @@
+name: '[ Chore ] 환경 설정'
+description: 빌드, 패키지, 설정 등의 작업 사항을 작성해주세요.
+title: '[ Chore ] '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        작성 예시 : "[ Chore ] ESLint 설정 추가"
+  - type: textarea
+    id: chore-description
+    attributes:
+      label: 🛠 작업 내용
+      description: 어떤 설정 또는 환경 관련 작업을 하려는지 작성해주세요.
+      placeholder: 작업 목적과 내용을 작성해주세요.
+    validations:
+      required: true
+  - type: textarea
+    id: chore-list
+    attributes:
+      label: 📝 To-do
+      description: 작업에 필요한 세부 항목을 체크리스트로 작성해주세요.
+      placeholder: 예) - [ ] tailwind.config.js 수정\n- [ ] .env 추가
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/feature.yml

@@ -0,0 +1,24 @@
+name: '[ Feat ] 기능 추가'
+description: 기능 추가 작업 사항을 작성해주세요.
+title: '[ Feat ] '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        작성 예시 : "[ Feat ] 로그인 기능 구현"
+  - type: textarea
+    id: feat-description
+    attributes:
+      label: 🛠 Issue
+      description: 어떠한 기능을 추가하시는 건지 작성해주세요.
+      placeholder: 설명을 작성해주세요.
+    validations:
+      required: true
+  - type: textarea
+    id: feat-list
+    attributes:
+      label: 📝 To-do
+      description: 작업에 필요한 목록을 작성해주세요.
+      placeholder: 목록을 작성해주세요.
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/fix.yml

@@ -0,0 +1,24 @@
+name: '[ Fix ] 버그 수정'
+description: 수정이 필요한 버그 사항을 작성해주세요.
+title: '[ Fix ] '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        작성 예시 : "[ Fix ] 로그인 시 비정상 응답 처리"
+  - type: textarea
+    id: fix-description
+    attributes:
+      label: 🛠 Issue
+      description: 어떤 문제가 발생했는지 구체적으로 작성해주세요.
+      placeholder: 버그에 대한 설명을 작성해주세요.
+    validations:
+      required: true
+  - type: textarea
+    id: fix-list
+    attributes:
+      label: 📝 해결 방안 및 작업 목록
+      description: 수정에 필요한 항목을 체크리스트 형식으로 작성해주세요.
+      placeholder: 예) - [ ] API 오류 로그 확인\n- [ ] 예외 처리 로직 추가
+    validations:
+      required: true

.github/pull_request_template.md

@@ -0,0 +1,13 @@
+## 📌 연관된 이슈 번호
+
+- closes #123
+
+## 🌱 주요 변경 사항
+
+- blabla
+
+## 📸 스크린샷 (선택)
+
+| 기능 | 스크린샷               |
+| ---- | ---------------------- |
+| 설명 | 스크린샷(png 또는 gif) |

.github/workflows/ci.yml

@@ -0,0 +1,32 @@
+name: CI - Build Check
+
+on:
+  pull_request:
+    branches:
+      - main
+      - develop
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Use Node.js (18.x)
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint check
+        run: npm run lint
+
+      - name: Type check (if using TypeScript)
+        run: npm run type-check
+
+      - name: Build
+        run: npm run build

.gitignore

@@ -41,4 +41,9 @@ yarn-error.log*
 next-env.d.ts
 
 .idea
-package-lock.json
+/lib/generated/prisma
+
+/generated/prisma
+
+*storybook.log
+storybook-static

.husky/commit-msg

@@ -0,0 +1 @@
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.prettierrc

@@ -1,7 +1,20 @@
 {
+  "plugins": [
+    "prettier-plugin-tailwindcss",
+    "@ianvs/prettier-plugin-sort-imports"
+  ],
   "semi": true,
+  "jsxSingleQuote": true,
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "printWidth": 80
-}
+  "printWidth": 80,
+  "importOrder": [
+    "^react",
+    "^next",
+    "<THIRD_PARTY_MODULES>",
+    "^@/components/(.*)$",
+    "^@/lib/(.*)$",
+    "^[./]"
+  ]
+}

.storybook/main.ts

@@ -0,0 +1,25 @@
+import type { StorybookConfig } from '@storybook/nextjs-vite';
+import { mergeConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+
+const config: StorybookConfig = {
+  stories: [
+    '../stories/**/*.mdx',
+    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+  ],
+  addons: [
+    '@chromatic-com/storybook',
+    '@storybook/addon-docs',
+    '@storybook/addon-a11y',
+    '@storybook/addon-vitest',
+  ],
+  framework: {
+    name: '@storybook/nextjs-vite',
+    options: {},
+  },
+
+  viteFinal: async (config) => mergeConfig(config, { plugins: [svgr()] }),
+
+  staticDirs: ['../public'],
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,22 @@
+import type { Preview } from '@storybook/nextjs-vite';
+import '../app/globals.css';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+
+    a11y: {
+      // 'todo' - show a11y violations in the test UI only
+      // 'error' - fail CI on a11y violations
+      // 'off' - skip a11y checks entirely
+      test: 'todo',
+    },
+  },
+};
+
+export default preview;

.storybook/vitest.setup.ts

@@ -0,0 +1,7 @@
+import * as a11yAddonAnnotations from '@storybook/addon-a11y/preview';
+import { setProjectAnnotations } from '@storybook/nextjs-vite';
+import * as projectAnnotations from './preview';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);