Dev study and Repost

PERN - 08 vercel 배포 설정 - json 환경설정 환경변수 본문

Building & Learning/MERN PERN

PERN - 08 vercel 배포 설정 - json 환경설정 환경변수

devlunch4 2025. 8. 28. 15:32
반응형

PERN - 08 vercel 배포 설정 - json 환경설정 환경변수

​

vercel에 배포를 위한 설정

​

각 프로젝트내 vercel.json 파일 생성

 

​

 

각프로젝트에 맞게 소스작성

개인정보와 불필요 파일이 깃되지 않게 설정 후 비공개 레포지토리 생성

​

​

---

배포를 위해 versel 에 로그인

https://vercel.com/

 

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

vercel.com

 

 

새로운 프로젝트를 생성하기위해 add new 버튼 선택,

프로젝트 선택

 

깃험 계정연동을 하거나 아래 서드파티를 선택하고 링크주소를 넣어 import

//

또는 깃헙 설정 참고

 

깃헙 계정 설정에서 어플리케이션 설정에서 vercel에서 연동할 레포지토리를 선택하여 진행

프로젝트 이름 설정 확인

루트 디렉토리 설정

 
 

환경변수 설정 필요

이후 Deploy 버튼 선택 후 대기.

서버 배포 확인.

대시보드의 서버 링크 접속하여 재확인

​

///

클라이언트 배포를 위해

클라이언트용 프로젝트 새로 생성

 

앞선 절차와 비슷하게

디렉토리 클라이언트 선택 및 환경변수 설정,

단 base url의 경우 앞서 생성한 서버의 링크를 입력 그리고 주소 맨뒤의 슬래시 삭제

​

그리고 배포버튼 선택

배포 성공 및 확인

반응형
저작자표시 비영리 동일조건 (새창열림)

'Building & Learning > MERN PERN' 카테고리의 다른 글

Node.js 서버 프로젝트 설정 가이드 (Express + MongoDB + JWT + Multer) 완전 기초!  (0) 2025.10.01
Quill 에디터 쉽게 적용하기 - react vite 프로젝트 웹서비스, 웹개발, 자바스크립트, 리치 텍스트 편집기  (0) 2025.10.01
PERN - 07 clipdrop API 연동 / 인공지능 이미지생성, 자동 이미지 사진 제거, 이미지 편집 서비스 / 데이터 저장 cloudinary  (1) 2025.08.28
PERN - 06 구글 제미나이 연동 / google ai gemini api - 인공지능 openAI 연동  (1) 2025.08.28
PERN - 05 neon 네온 연동 a/ 클라우드 네이티브 서버리스 데이터베이스 플랫폼 PostgreSQL  (1) 2025.08.28
'Building & Learning/MERN PERN' Related Articles more
Comments