Next.js와 Spring Boot 조합: 솔로 SaaS 개발에서의 기술 스택 선택 및 경험 공유

핵심 기술: 이 글은 솔로 SaaS 프로젝트 개발 과정에서 Next.js와 Spring Boot를 조합한 독특한 기술 스택 선택과 그 경험을 공유합니다. 특히 Next.js의 서버 액션 및 풀스택 기능을 활용하여 Spring Boot API를 직접 호출하는 대신 Next.js 서버 컴포넌트를 통해 라우팅함으로써 보안 강화 및 CORS 문제를 해결한 점이 주목받습니다.

기술적 세부사항:
* 기술 스택 조합: Next.js (프론트엔드/풀스택) + Spring Boot (백엔드)
* API 라우팅 방식: 브라우저에서 Spring Boot API 직접 호출 대신 Next.js 서버 컴포넌트를 통한 라우팅
* 서버사이드 실행만 보장 (클라이언트 측 정보 노출 방지)
* 브라우저 네트워크 탭에서 API 호출 숨김 처리
* CORS 문제 회피
* Spring Boot 선택 이유:
* 강력한 타입 시스템 및 구조화된 프레임워크
* 잘 정의된 RESTful API
* Spring Security를 통한 산업 수준의 보안
* 클라우드 서비스와의 쉬운 통합
* 아키텍처 및 도메인 모델링 심층 고려
* Spring Boot starters를 통한 재사용 가능한 모듈화
* 주의점 및 극복 방안:
* 프론트엔드 로직 복잡성 증가, 쿠키/헤더 관리 추가 주의 필요
* Spring Boot에서 설정한 쿠키가 작동하지 않아 Next.js API 라우트를 통해 JWT 쿠키 수동 설정
* Server-Sent Events (SSE) 지원의 복잡성
* 인프라 관리:
* Terraform을 사용한 인프라 관리 (개발/운영 환경 일관성 유지, 스택 재구축 용이)
* MVP 비용 절감을 위한 VPC 엔드포인트 대신 Fargate 태스크를 퍼블릭 서브넷에 배포

개발 임팩트: 이 접근 방식은 더 통합되고 안전한 아키텍처를 구축하는 데 기여했지만, 프론트엔드 복잡성 증가라는 트레이드오프가 있었습니다. 또한, 솔로 개발자가 강타입 언어와 구조화된 프레임워크를 통해 장기 유지보수 가능한 제품을 구축하는 데 집중할 수 있도록 합니다. 재사용 가능한 모듈 개발을 통해 향후 프로젝트에 대한 투자 가치를 높입니다.

커뮤니티 반응: 원문에는 구체적인 커뮤니티 반응이 언급되어 있지 않지만, 유사한 하이브리드 아키텍처에 대한 질문과 토론을 유도하고 있습니다.