배포
-
npm에 배포해보기오픈소스 2024. 1. 9. 15:52
1. NPM 계정 만들기 https://www.npmjs.com/ npm | Home Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java www.npmjs.com 2. 배포 전 패키지명 중복 확인 npm info Javascript-Package-Name 중복 된 이름이라면 해당 패키지의 내용이 뜰 것이..
-
[aws] ec2 인스턴스에 next.js 배포하기 (feat. pm2 nginx ) in Ubuntu카테고리 없음 2023. 12. 8. 17:17
기본적으로 제공하는 next 프로젝트에 대해 배포해보기. 1. npx create-next-app 2. npm run build 3. next.js를 배포하면 build 폴더를 따로 제공하지 않고 .next 폴더 안에 생성 됨. => 숨겨져 있어서 ls 통해서 봐도 안보임. cd .next 하면 입장 가능 4. nginx 를 통해 포트에 대해 우회할것이므로 해당 next 프로젝트의 pacakge 파일안에서 npm start 시 포트 지정해줄 필요 x 5. nginx, pm2는 이미 설치되어있다고 가정 6. 도메인 접속 시(퍼블릭 ip) next 빌드로 우회 하기 위해 root경로에서 /etc/nginx/sites-available 폴더 안에 default 파일 생성 해서 아래와 같이 입력 server {..
-
aws ec2에 배포하기 ( 인스턴스 생성부터 ) - 2023.12 기준 (작성중)BackEnd 2023. 12. 1. 16:41
1. 인스턴스 생성 2. 인스턴스 접근 - ( 인스턴스 연결 4가지 방법 ) 3. 깃허브에 있는 프로젝트 인스턴스에 올려보기 4. 해당 프로젝트 실행을 위해 npm 설치 (npm 설치하면 node도 같이 설치 됨) 5. 이후 프로젝트를 위해 npm install 을 입력했더니 prisma 는 node 16버전 이상이어야 한다고 함. (현재 10버전) 6. node 업데이트를 위해 nvm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 7. 터미널 재실행하거나 export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || print..
-
프로젝트를 GitHub Pages로 배포하기 (yarn, React)Git 2022. 12. 1. 17:08
1. GitHub Pages 란? github repository 내용을 웹페이지로 만들어 주는 서비스. 자신의 프로젝트를 깃허브에 업로드하면 직접 호스팅을 해줌. (*public 프로젝트에 대해서만 무료로 해줌.) 2. 세팅방법 1) gh-pages 패키지 설치 yarn add gh-pages --dev 2) package.json 수정 내 git repository 주소 적어줌. "homepage":"https://[user_name].github.io/[repository_name]" deploy 추가 "predeploy": "yarn build", "deploy": "gh-pages -d build" predeploy : deploy 전에 수행함 yarn build : 현재 프로젝트 코드를 빌드함..