StartUpLight · parknari02 · Nov 17, 2025 · Nov 17, 2025 · Nov 17, 2025 · Nov 17, 2025
diff --git a/.github/ISSUE_TEMPLATE/-feature-.md b/.github/ISSUE_TEMPLATE/-feature-.md
@@ -0,0 +1,15 @@
+---
+name: "[Feature]"
+about: 기능 이슈 템플릿
+title: "[FEAT]"
+labels: ''
+assignees: ''
+
+---
+
+## 목적
+> 
+
+## To do
+- [ ] 할일 1
+- [ ] 할일 2
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,15 @@
+## #️⃣ 관련 이슈
+- #이슈번호
+
+## ✍️ 작업 내용 요약
+> ex)채팅 화면 구현 & 챗봇 관련 API 구현
+
+## 💡 작업 내용
+## 기능
+- [x] ex 뒤로가기, 끝내기 버튼 hover -> 말풍선 설명 띄우기
+
+##  🖥️  구현 화면
+> 스크린샷 또는 gif 파일로 올려주시면 됩니다.
+
+## 기타 사항
+> 기타 안건이나 개인적으로 추가한 사항 적어주시면 됩니다.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,28 @@
+on:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install mustache (to update the date)
+        run: apk add ruby && gem install mustache
+      - name: creates output
+        run: sh ./build.sh
+      - name: Pushes to another repository
+        id: push_directory
+        uses: cpina/github-action-push-to-another-repository@main
+        env:
+          API_TOKEN_GITHUB: ${{ secrets.AUTO_ACTIONS }}
+        with:
+          source-directory: "output"
+          destination-github-username: Chasyuss
+          destination-repository-name: STARLIGHT_FE
+          user-email: ${{ secrets.EMAIL }}
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: main
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}
diff --git a/README.md b/README.md
@@ -1,36 +1,119 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# ⭐️ 스타트업에 빛을 비춰주는 사업계획서 플랫폼, 스타라이트(STARLIGHT)
 
-## Getting Started
+<img width="1920" height="1080" alt="1" src="https://github.com/user-attachments/assets/92433169-8775-4808-b787-6c534a25cae9" />
+<img width="7680" height="2096" alt="Frame 2147226362" src="https://github.com/user-attachments/assets/0933bd9f-e66f-4e4e-82a8-700e0d20b0c4" />
 
-First, run the development server:
+> 스타라이트는 AI의 분석력과 현업 전문가의 검토를 결합해, 예비·초기 창업자가 실제 심사 기준에 맞는 사업계획서를 완성하도록 돕는 플랫폼입니다.
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+# 👩‍🍼 팀소개 & RnR
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+> **스포트라이트**
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+**스포트라이트**는 무대 위 주인공을 비추는 빛입니다.
+저희 팀은 단순히 창업자의 여정을 비춰주는 역할을 넘어, **팀원 각자도 서로의 무대를 밝혀주는 조명**이 되고자 합니다.
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+**Star-Light** 서비스가 창업자의 막막한 길을 밝히는 ‘별빛’이라면,
+저희 팀 **스포트라이트**는 그 별빛들을 모아 **세상 앞에 당당히 설 수 있는 무대를 함께 만들어가는 조명**입니다.
+저희가 만든 플랫폼은 창업자들에게 ‘성장의 스포트라이트’를 비춰주는 동시에, **우리 팀원 모두가 서로의 빛이 되어 함께 성장하는 여정을 상징**합니다.
 
-## Learn More
+</br>
 
-To learn more about Next.js, take a look at the following resources:
+| **분야**      | **이름** | **포지션**                                                |
+| ------------- | -------- | --------------------------------------------------------- |
+| 📋 기획       | 백준     | 📈 PM, 서비스 기획 - 서비스 정책 확립, 비즈니스 모델 구축 |
+| 📋 기획       | 방산들   | 📋 서비스 기획 - 서비스 정책 확립, 비즈니스 모델 구축     |
+| 🎨 디자인     | 손화영   | 🔐 디자인 리드, ux/ui디자인, gui 디자인                   |
+| 🎨 디자인     | 현명화   | 📢 프로젝트 매니징, 서비스 디자인                         |
+| 📲 프론트엔드 | 박채수   | 🔦 프론트엔드 리드, 화면 UI 구현, 서버 연동               |
+| 📲 프론트엔드 | 박나리   | 📱 화면 UI 구현, 서버 연동                                |
+| 🖥️ 백엔드     | 정성호   | 💻 백엔드 리드, DB 및 API 구축, 서버 배포                 |
+| 🖥️ 백엔드     | 이호근   | 🖥️ DB 및 API 구축, 서버 배포                              |
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+</br>
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+## ⭐️ 서비스 소개
 
-## Deploy on Vercel
+### 💫 홈화면
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+<img width="7676" height="7200" alt="Frame 2147226471" src="https://github.com/user-attachments/assets/75237ac0-517c-4488-be9e-dada3b62da6d" />
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+### 💫 사업계획서 작성 페이지
+
+- 지원사업 양식에 맞춘 항목 구조 자동 제공
+- 문제 인식·시장 분석·BM·성장전략·팀역량 등 항목별 **필수 체크리스트 내장**
+  （해당 체크리스트는 실제 창업 생태계에 계신 심사위원/멘토 분들의 검수를 거쳐 구성）
+- 사용자는 “최소한 무엇을 적어야 하는지”를 보면서 작성 가능
+
+<img width="1920" height="1771" alt="Frame 2147226441" src="https://github.com/user-attachments/assets/76291792-10fb-4381-96c9-1f214e90befb" />
+
+### 💫 PDF 업로드
+
+<img width="7680" height="7328" alt="Frame 2147226473" src="https://github.com/user-attachments/assets/8ffceaaf-f44b-4b84-975d-42d1dc9f48dc" />
+
+### 💫 AI리포트
+
+- 각 항목 채점 → 100점 만점 배점.
+- **강점·약점·누락 요소·논리 흐름**을 시각적으로 보여주는 리포트 제공
+- "지금 내 사업계획서가 어느 수준인지” 객관적으로 판단 가능
+  <img width="7680" height="7768" alt="Frame 2147226461" src="https://github.com/user-attachments/assets/a66b033b-bf0a-4d49-b176-bb5b7e81705f" />
+
+### 💫 전문가 연결
+
+- AI 기준을 통과한 문서를 대상으로 **전문가 매칭**
+- 투자/지원사업 심사 경험이 있는 전문가가 항목별 심층 코멘트와 개선 방향 제시
+- AI 리포트를 바탕으로 핵심 영역에 집중하기 때문에, **시간·비용 대비 효율이 높음**
+- 전문가는 이메일로 사업계획서를 전송받고 스타라이트 사이트에 들어가 사업계획서 피드백을 다는 구조로 반영
+
+<img width="7680" height="7200" alt="Frame 2147226462" src="https://github.com/user-attachments/assets/e8e4bd31-390a-4f5e-a1b6-1cf81e5881fc" />
+
+### 💫 요금제
+
+- 결제하기
+  <img width="1920" height="1800" alt="Frame 2147226463" src="https://github.com/user-attachments/assets/cb32773e-e08e-45b6-88cf-7ea6909d1ad5" />
+
+### 💫 마이페이지
+
+- 전문가 피드백 확인 가능
+- 결제 내역 확인 가능
+- 리포트 확인 가능
+  <img width="7680" height="7200" alt="Frame 2147226472" src="https://github.com/user-attachments/assets/67e103ac-3614-4b66-83d8-90044ed7bdd4" />
+
+---
+
+## 👥 팀 작업 방식
+
+> **Issue 기반 개발 워크플로우**를 따릅니다. 모든 작업은 Issue에서 시작하여 PR로 완료됩니다.
+
+### 🌳 브랜치 사용법
+
+> JIRA를 통해서 자동생성
+
+### 🛠️ 기술 스택
+
+- #### Language, Framework, Library
+
+  ![Next.js](https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white)
+  ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=TypeScript&logoColor=white)
+  ![pnpm](https://img.shields.io/badge/pnpm-F69220?style=flat-square&logo=pnpm&logoColor=white)
+  ![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=flat-square&logo=ReactQuery&logoColor=white)
+  - **Next.js (App Router)** : 페이지·레이아웃·모달의 구조적 분리를 통해 유지보수성과 재사용성을 강화
+  - **TypeScript** : Props와 API 타입 명세를 통해 코드의 안정성과 예측 가능성 확보
+  - **pnpm** : 병렬 빌드를 통해 패키지 간 의존성 관리와 빌드 속도 향상
+  - **TanStack Query (React Query)** : 서버 상태 관리 자동화를 통해 데이터 요청 최적화 및 CSR/SSR 통합 처리
+  - **html2canvas** : 렌더링된 DOM을 그대로 이미지로 변환하기 위해 사용
+  - **Tiptap** 사업계획서의 텍스트에디터를 구현하고 관리하기 위해 사용하며 문서를 구조화된 JSON 형태로 관리
+
+- #### CI/CD
+  ![Github Actions](https://img.shields.io/badge/Github_Actions-2088FF.svg?style=flat-square&logo=GithubActions&logoColor=white)
+  - **GitHub Actions** : PR마다 공통 컴포넌트 변경사항을 시각화 배포하여 협업 간 피드백 사이클 단축
+- #### 협업 툴
+  ![Discord](https://img.shields.io/badge/Discord-5865F2.svg?style=flat-square&logo=discord&logoColor=white)
+  ![Notion](https://img.shields.io/badge/Notion-000000.svg?style=flat-square&logo=notion&logoColor=white)
+  </br>
+
+## 👬 FrontEnd Developer
+
+|                                           박채수                                            |                                           박나리                                           |
+| :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: |
+| <img src="https://avatars.githubusercontent.com/u/127167163?v=4" width=120px alt="박채수"/> | <img src="https://avatars.githubusercontent.com/u/69587149?v=4" width=120px alt="박나리"/> |
+|                           [@ChaeSu](https://github.com/Chasyuss)                            |                        [@parknari02](https://github.com/parknari02)                        |
diff --git a/build.sh b/build.sh
@@ -0,0 +1,5 @@
+#!/bin/sh
+cd ../
+mkdir output
+cp -R ./STARLIGHT_FE/* ./output
+cp -R ./output ./STARLIGHT_FE/
diff --git a/next.config.ts b/next.config.ts
@@ -1,7 +1,64 @@
-import type { NextConfig } from "next";
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        hostname: 'kr.object.ncloudstorage.com',
+        pathname: '/**',
+      },
+      {
+        hostname: 'k.kakaocdn.net',
+        pathname: '/**',
+      },
+      {
+        hostname: 'img1.kakaocdn.net',
+        pathname: '/**',
+      },
+    ],
+    qualities: [60, 75, 90, 100],
+  },
 
-const nextConfig: NextConfig = {
-  /* config options here */
+  turbopack: {
+    rules: {
+      '*.svg': {
+        loaders: ['@svgr/webpack'],
+        as: '*.js',
+      },
+    },
+  },
+
+  webpack(config: any) {
+    const assetRule = config.module.rules.find((r: any) =>
+      r?.test?.test?.('.svg')
+    );
+    if (assetRule) {
+      assetRule.exclude = /\.svg$/i;
+    }
+
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            svgo: true,
+            svgoConfig: {
+              plugins: [
+                {
+                  name: 'preset-default',
+                  params: { overrides: { removeViewBox: false } },
+                },
+              ],
+            },
+            dimensions: false,
+          },
+        },
+      ],
+    });
+
+    return config;
+  },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
@@ -9,19 +9,44 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.90.5",
+    "@tiptap/core": "^2.26.3",
+    "@tiptap/extension-color": "^2.6.6",
+    "@tiptap/extension-highlight": "^2.6.6",
+    "@tiptap/extension-image": "^2.6.6",
+    "@tiptap/extension-placeholder": "^2.26.3",
+    "@tiptap/extension-table": "^2.6.6",
+    "@tiptap/extension-table-cell": "^2.6.6",
+    "@tiptap/extension-table-header": "^2.6.6",
+    "@tiptap/extension-table-row": "^2.6.6",
+    "@tiptap/extension-text-style": "^2.6.6",
+    "@tiptap/pm": "^2.26.3",
+    "@tiptap/react": "^2.6.6",
+    "@tiptap/starter-kit": "^2.6.6",
+    "@tiptap/suggestion": "^2.26.3",
+    "axios": "^1.13.1",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^3.0.3",
+    "lottie-react": "^2.4.1",
+    "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "next": "15.5.4"
+    "recharts": "^3.3.0",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@eslint/eslintrc": "^3",
+    "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/postcss": "^4",
+    "@types/html2canvas": "^1.0.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
     "eslint": "^9",
     "eslint-config-next": "15.5.4",
-    "@eslint/eslintrc": "^3"
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.7.1",
+    "tailwindcss": "^4",
+    "typescript": "^5"
   }
 }