이제 npm에 배포를 해보자.
npm에 배포하려면 당연히 계정이 있어야 한다. npm 공식페이지에서 가입!
npm 웹페이지에서 로그인 하는것이 아니라 터미널에서 로그인하자.
1npm login
아이디, 비밀번호 등 요구하는 정보들을 입력하면 로그인 완료!
드디어 배포할 차례이다. 이전에 '배포'라는 단어만 들어도 막 엄청 웅장하고 복잡한줄만 알았는데 막상 해보고 나니 별 것 아니었다.
1npm publish --access public // 최초 배포시 2npm publish // 최초 배포 이후
직관적이고 간단한 패키지명은 이미 존재할 확률이 높다. npm 공식페이지에 검색 후 프로젝트를 생성하자.
하지만 중복을 피할 방법이 있다.
1@siyeol/awesome-package
이처럼 이름앞에 @name/
을 붙이는 것이다! npm - scope 참고.
패키지명 앞에 스코프를 추가하려면, npm 공식페이지 - 계정 설정에서 Organizations를 생성하면 된다.
Organizations를 추가하지 않고 프로젝트 이름에 스코프를 추가해서 배포하면 scope를 찾을 수 없다는 오류가 나올것이다.
이제 npx create-next-boilerplate
명령어 한줄로 nextjs + react-query + zustand + eslint/prettier 가 세팅된 프로젝트를 바로 시작할 수 있다!
하지만 단점은 각 패키지의 버전을 따로 관리해줘야 한다는 점이다.
최종 목표는 사용자가 동적으로 boiler plate를 생성하는, 진정한 create-next-app
을 만드는 것이다. 끝!
배포 정보는 create-next-boilerplate 에서 확인할 수 있다.