!프론트엔드 개발자의 next.js 개발기
프론트엔드
!프론트엔드 개발자의 next.js 개발기
두줄요약
Next.js와 MUI로 프론트엔드를 개발한 경험과 시행착오를 정리한 글입니다. SSR, API Routes 활용과 컴포넌트 분리의 중요성을 함께 소개했습니다.
핵심 내용
- 프론트엔드 개발자가 Next.js와 MUI로 사내 서비스 프론트를 개발한 경험 공유
- 동적 UI 구성, CSS 조정, 디버깅, 컴포넌트 분리와 같은 개발 과정의 시행착오 정리
- SSR과 API Routes를 활용해 별도 백엔드 구축 없이 프레임워크 하나로 구현한 점 강조
적용해볼 점
- React 경험이 적을 때 Next.js의 동적 라우팅과 SSR로 생산성 확보
- 초기부터 컴포넌트 분리와 디렉토리 구조 방향성 수립
- 디버깅 시 브라우저 콘솔과 IDE 로그를 함께 확인하는 습관