링크나무

내 모든 링크를 한 페이지에 모아두고, 하나의 URL로 공유하는 서비스입니다. (docs/ 폴더에 PRD와 와이어프레임이 있습니다.)

기술 스택

• Next.js 16 (App Router)
• TypeScript
• Tailwind CSS
• MongoDB Atlas (링크 클릭 수 저장)

시작하기

npm install
cp .env.local.example .env.local   # MONGODB_URI를 채워주세요
npm run dev

http://localhost:3000에서 확인할 수 있습니다.

프로젝트 구조

• src/app/page.tsx — 프로필 페이지 (App Router)
• src/app/api/links/[id]/click — 링크 클릭 수 집계 API
• src/components/ — UI 컴포넌트
• src/data/profile.ts — 프로필/링크 목록 (현재는 하드코딩된 데이터)
• src/lib/mongodb.ts — MongoDB 연결 유틸리티

코드 규칙

• TypeScript 사용
• 컴포넌트는 src/components/ 아래에 작성
• 환경 변수는 .env.local에 저장 (커밋하지 않음)
• 모바일 우선 반응형 디자인