회사DoublT
더블티 홈페이지
기업의 B2B 솔루션 및 브랜드 홍보를 위한 공식 홈페이지를 기획부터 개발, 배포까지 총괄하여 진행한 프로젝트입니다.
기간
2025.07 ~ Present
역할
풀스택 개발 (프론트엔드 + 백엔드)
팀 규모
4
기술 스택
Next.js 14TypeScriptTailwind CSSPrismaPostgreSQLSupabaseAWS S3NextAuth.jsReact QueryReact Hook FormStorybook
프로젝트 상세 소개
더블티 공식 홈페이지는 기업의 B2B 솔루션과 브랜드 아이덴티티를 효과적으로 전달하기 위해 기획된 프로젝트입니다. Next.js 14의 App Router를 활용한 SSR로 SEO를 최적화하고, 관리자가 콘텐츠와 번역을 직접 관리할 수 있는 CMS를 구축했습니다.
주요 기능
- Next.js 기반 SSR 도입으로 SEO 최적화
- i18next 다국어 지원 (한국어/영어)
- 관리자 CMS(권한/메뉴/번역키) 설계
- ERD 설계 및 백엔드 전체 구현
- 반응형 적용
- 채용 시스템 (지원서 관리)
담당 업무
전체
- •전체 더블티 홈페이지 구현
- •Prisma 스키마 설계
- •더블티 홈페이지 화면 커스텀 관리자 페이지 DB설계 및 로직 구현
채용 시스템
- •Prisma 기반 채용 DB 스키마 설계 (지원자, 지원서, 채용공고, 프로세스)
- •지원서 제출 API (트랜잭션 처리, 90일 중복 방지, 이메일 발송)
- •React Hook Form + Atomic Design 지원서 폼 UI 구현
- •관리자 채용 공고/지원자 관리 기능 (CRUD + 필터링)
인증 시스템
- •NextAuth.js 기반 JWT 세션 인증
- •이메일 인증 (인증 코드 발송/검증/만료 처리)
- •역할 기반 접근 제어 (ADMIN/USER)
파일 업로드
- •AWS S3 Presigned URL 방식 구현
- •서버 부담 최소화 (클라이언트 직접 업로드)
- •이력서/포트폴리오/증명사진 업로드 지원
다국어 시스템
- •DB 기반 i18n 번역 관리 (런타임 로드)
- •관리자 번역 수정 기능
- •ko/en 다국어 라우팅
프로젝트 구조
src/