플러스프로젝트 배경
1. 문제점 - RoR(ERB) 기반 CSR 구조로 운영되어 초기 렌더링 속도 저하 발생 - SEO 대응 한계로 신규 유입 및 검색 노출 개선 필요 - 공통 UI 구조 및 상태 흐름 복잡도로 유지보수 비용 증가 - 레거시 구조 특성상 운영 효율 및 확장성 한계 존재 2. 프로젝트 목표 - Next.js 기반 SSR 구조 전환 - 초기 로딩 성능 및 사용자 경험 개선 - SEO 대응 강화 -
프로젝트 성과
SSR 기반 성능 및 사용자 경험 개선
- Lighthouse 점수 30점대 → 90점대 개선
- LCP 약 70% 단축
- SEO 기반 신규 유입 개선
- 초기 렌더링 안정성 향상
- 공통 UI 및 디자인 시스템 구조 정비를 통한 유지보수 효율 개선
- LCP 약 70% 단축
- SEO 기반 신규 유입 개선
- 초기 렌더링 안정성 향상
- 공통 UI 및 디자인 시스템 구조 정비를 통한 유지보수 효율 개선
핵심 기능
SSR 기반 렌더링 구조
서버 사이드 렌더링 기반 초기 페이지 로딩 속도 개선
프로젝트 상세
RoR(ERB) 기반 CSR 구조로 운영되던 서비스를 Next.js SSR 기반 구조로 전환한 프로젝트입니다. 기존 서비스는 초기 렌더링 속도와 SEO 대응 한계로 인해 사용자 경험과 신규 유입 측면에서 개선 필요성이 존재했습니다. 또한 공통 UI 구조와 상태 흐름 관리가 복잡해 유지보수 비용이 높아지고 있었습니다. SSR 환경에 맞춰 데이터 페칭 흐름과 렌더링 구조를 재설계했으며, 공통 컴포넌트
