Nextjs

Next.js 앱 라우터와 Tailwind CSS를 활용해 모바일과 PC의 UI를 명확히 분리하는 견고한 아키텍처를 소개합니다. 폴더 구조 기반 라우팅과 커스텀 variant를 통해 유지보수성과 개발 경험을 극대화하는 방법을 다룹니다.

SSR 환경에서는 하이드레이션 오류가 비교적 자주 발생하지만, React가 제공하는 다양한 API를 적절히 활용하면 충분히 방지할 수 있습니다. 각 접근 방식의 특징과 한계를 소개해 보겠습니다.