라이브러리 개발 및 배포

SJ_LIB_PRIME_BASE

yona URL : http://www.sjsofttech.co.kr:9000/SJ_FRAME_WORK/SJ_LIB_PRIME_ADMIN

라이브러리 URL : nextjs-sj-prime-base

컴포넌트 신규 개발

1. /lib/components/ui (ui 컴포넌트) 또는 /lib/components/layout (layout 컴포넌트) 하위에 만들고 싶은 컴포넌트 파일 생성 및 개발

   

# /lib/components/ui/new-components.tsx

export function NewComponents() {
  return <>{'new components'}</>
}

• ui 컴포넌트일 경우 /lib/components/ui/index.ts에 개발한 컴포넌트 import 및 export 추가
• layout 컴포넌트일 경우 /lib/components/layout/index.ts에 개발한 컴포넌트 import 및 export 추가

1. /lib/index.ts 파일에 해당 컴포넌트 파일 export 추가

/lib/index.ts

컴포넌트 수정

1. /lib/components에서 수정할 컴포넌트 파일을 찾아 내용 수정

   
2. /src/app/page.tsx 에서 해당 컴포넌트를 import 하여 추가한 내용 테스트
3. 변경된 내용 확인

   

테스트

1. /src/app/page.tsx 에서 개발한 컴포넌트 import 해서 사용

빌드

1. rm -rf ./dist (기존 빌드 폴더 제거)

2. pnpm run build 명령어 실행

3. 빌드 성공 시 /dist 폴더에 빌드 파일 생성

배포

1. package.json 파일 내 version 변경 (기존 버전보다 더 높은 버전으로)

2. pnpm run publish 명령어 실행

사용법

1. 사용하고자 하는 프로젝트에서 pnpm add nextjs-sj-prime-base 명령어 실행

2. 사용하고자 하는 파일 상단에 import { 컴포넌트명 } from 'nextjs-sj-prime-base' 추가

# npm 계정 정보
email: email
username: username
password: password