Next-Framework

---

Next.js를 기반으로 웹 애플리케이션을 개발할 수 있는 템플릿 환경을 구성한 커스텀 프레임워크입니다. Next.js를 비롯한 빌드 도구, 코드 컨벤션, 테스트 환경 등을 구성하였습니다. 이를 기반으로 웹 프로그램 개발을 시작할 수 있습니다.

빌드 도구는 Next.js에 기본으로 구성된 Webpack과 SWC가 설정되어 있습니다. 더불어 Webpack의 성능을 보완하기 위해 ESBuild-loader를 추가 설정하였습니다. React, TypeScript, Next.js 환경에 맞는 eslint, prettier 설정과 추가적으로 triple 컨벤션을 적용하였습니다. Jest를 통한 테스트 코드 작성 및 테스트 수행이 가능하며 Storybook을 통해 UI 컴포넌트 개발을 수행할 수 있습니다.

---

Getting Started

git clone

    
      git clone https://github.com/lcy042000/Next-Framework.git
    
  

---

라이브러리 목록

라이브러리	라이센스	버전
React	MIT License	v18.3.1
Next.js	MIT License	v14.2.5
TypeScript	Apache License	v4.9.5
Jest	MIT License	v29.7.0
ESLint	MIT License	v8.57.0
Prettier	MIT License	v3.3.0
Storybook	MIT License	v8.2.9

---

Script

프로그램

    
      npm run dev // 개발 환경 구동
      npm run build // 프로그램 빌드
      npm run start // 빌드 환경 구동
    
  

코드 컨벤션

    
      npm run lint // eslint 실행
      npm run format // prettire 실행
    
  

test

    
      npm run test // jest 테스트 코드 실행
    
  

Storybook

    
      npm run storybook // storybook 실행
    
  

---

⚠️ 이 프로그램은 node v18.18.2와 npm v10.8.2 환경에서 구성되었습니다.