프로젝트 목록
풀스택개인반응형
kwak.dev-next
React 기반 포트폴리오를 Next.js 15 App Router로 옮긴 풀스택 SaaS입니다. 다국어, 구독 결제, 실시간 협업, AI, 멀티테넌시 백오피스를 포함합니다.
- 기간
- 2025.04 ~ 진행 중
- 인원
- 1명
- 기술
- Next.jsTypeScriptTailwind CSSshadcn/uiZustandJotaiTanStack Querynuqsnext-safe-actionReact Hook FormZodTiptapReact Flownext-intlSupabaseFirebaseToss PaymentsGoogle GenAIVitestStorybook
일반 웹
- 소개·프로젝트·문서·문의 등 포트폴리오 페이지
- 게시판(검색·페이지네이션 URL 상태), 채팅, 투표, 일정·상담 예약, 지도(네이버 지도·지역검색), 노트, 할 일
- next-intl로 ko/en/ja 다국어 라우팅
구독 결제
- Toss Payments 빌링·웹훅·환불, 환불 금액은 서버에서 계산
- 미들웨어에서 활성 구독을 확인해 구독 전용 기능 접근 제어
협업·AI 기능
- 플로우노트: React Flow + dagre 다이어그램 편집, zundo 기반 undo/redo
- Google GenAI(Gemini)로 투표 요약·기업 매핑 분석
멀티테넌시 백오피스 (biz)
- 회사 단위 테넌트, 부서·직급·역할 기반 권한(RBAC)
- 차량·운행·영수증·지점 관리, 게스트·초대·가입 요청
- 월별 KPI·지출 분석 대시보드(recharts)
관리자
- 사이트 게이트 코드·보호 경로 관리, 구독 서비스 CRUD·통계, 게시판 모더레이션
보안·품질
- Supabase RLS + next-safe-action·Zod 서버 액션 검증
- HMAC 서명 게이트 쿠키, 리다이렉트 경로 검증
- Vitest 단위 테스트, Storybook, CI(lint·build), semantic-release, Husky·commitlint