← 프로젝트
React 로 만든 채팅형 포트폴리오를 Next.js 로 다시 만들었습니다.
소개
실무에서 써 보지 못한 Next.js 를 익히려고 만들었고, 왼쪽 소개는 서버 렌더링, 오른쪽 질문 · 답변 채팅은 클라이언트 렌더링으로 나눴습니다.
2026년 11월 5일까지 관리했고, 지금은 주소만 살려 둔 보관 상태입니다.
기능
- 질문 고르는 채팅질문 17개 중 하나를 고르면 답변이 대화처럼 이어집니다.
- 한국어 · 영어 전환next-intl 로 언어별 화면과 메타데이터를 나눕니다.
- 모바일 인트로좁은 화면에서는 채팅 위에 프로필 · 소개 · 소셜 링크를 띄웁니다.
- 답변 영상 자체 호스팅영상을 직접 올려 두 편 용량을 40.5MB 에서 25.5MB 로 줄였습니다.
- 다크 모드 · 이미지 확대헤더에서 테마를 바꾸고, 답변 속 이미지는 눌러서 크게 봅니다.
기술
- Next.js
- TypeScript
- Tailwind CSS
- next-intl
- Zustand