📘 Collabity Frontend

팀 기반 협업을 위한 웹 애플리케이션의 프론트엔드 프로젝트입니다.
Next.js(App Router) 기반으로 서비스 내부 페이지와 랜딩 페이지가 분리된 구조이며,
Kanban 보드, 팀 관리, 게시판 기능 등을 제공합니다.

🚀 기술 스택

분야	기술
Framework	Next.js 16 (App Router)
Language	TypeScript
UI	TailwindCSS, Rewind-UI, Custom Components
State	Zustand (예정)
DnD	@dnd-kit/core
환경 관리	nvm, npm
기타	Prettier, ESLint

📦 개발 환경 구성

1) nvm(Node Version Manager) 설치 및 사용

프로젝트는 Node.js 20.x 환경에서 테스트되었습니다.

nvm install 20
nvm use 20

버전 확인:

node -v
npm -v

2) 패키지 설치

npm install

▶ 프로젝트 실행 방법

npm run dev

접속:

http://localhost:3000

🌐 기본 페이지 안내

경로	설명
/	랜딩 페이지
/login	로그인 페이지
/register	회원가입 페이지
/dashboard	대시보드
/board	Kanban 보드
/tasks	Task 리스트

📁 주요 폴더 구조

src/app/
  layout.tsx
  globals.css

  (landing)/
    layout.tsx
    page.tsx
    login/page.tsx
    register/page.tsx

  (app)/
    layout.tsx
    dashboard/page.tsx
    board/page.tsx
    tasks/page.tsx

components/
  sidebar/Sidebar.tsx
  header/Header.tsx
  kanban/
    Column.tsx
    SortableTask.tsx
    TaskCard.tsx

🛠 명령어

npm run dev
npm run lint
npm run format