프로젝트 설명

Next.js, TypeScript, TailwindCSS를 기반으로 한 프론트엔드 스타터 템플릿입니다.
빠르고 효율적인 프로젝트 세팅을 위해 기본적인 개발 환경과 테스트, UI 컴포넌트 개발, CI/CD 구성을 제공합니다.

• Tailwind CSS 적용 및 커스터마이징 가능
• 브랜치 별로 추가 기능 및 환경을 분리하여 관리합니다.

개발 배경 및 의도

프론트엔드 프로젝트를 새로 시작할 때마다 반복되는 설정 작업을 줄이기 위해 해당 템플릿을 제작했습니다.
특히 Next.js의 App Router 구조를 처음 도입하는 프로젝트에 진입 장벽을 낮추는 것이 주요 목적입니다.
이 템플릿을 통해 프로젝트 구조를 정리하고, 매번 쓰는 도구들을 미리 설정해두어 개발 생산성을 높일 수 있습니다.

개발 환경

• node version: 23.7.0

Package manager

npm

브랜치 별로 기능을 분리

• main : 초기 템플릿 및 베이스 설정
• msw : 기본 환경 설정
• ci/cd : 지속적 통합 및 배포 환경 구성

업데이트 예정

• vitest 기반 유닛 테스트 환경 구성
• storybook