# Vercel

34개의 포스트

[개발자되기: CI/CD] Day-58

한번의 클릭 or 명령어를 통해 전체 배포 과정을 자동으로 진행하는 것수동적, 반복적인 배포과정을 자동화하여 시간 절약휴먼 에러(수동적으로 사람이 배포하는 과정에서 생기는 실수) 방지 가능 Source단계: 원격 저장소에서 관리되는 소스코드에 변경이 있을 경우 이를 감

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

5. 1차 완성, Vercel에 deploy

https://portfolionew-o7m5ec0x4-jihyeonjeong11.vercel.app/우선 1차적으로 프로젝트를 완결하고, Vercel에 올리는 것 까지 성공하였다.https://github.com/jihyeonjeong11/portf

2022년 7월 29일
·
0개의 댓글
·

vercel - environment variable 용량 4kb 이상일 때 해결 방법

프로젝트를 git에 올리거나 하는 경우, 보안상 외부에 노출되면 api key와 같은 private 값이 있을 수 있다. 이 경우 보통 .env 파일에 담아서 process.env.XXX 과 같이 사용하게 된다.만약 이 프로젝트를 vercel 이라는 곳에 올려두고 우리

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

Vercel Serverless POST, PUT 예제 | Jsonplaceholder

Vercel Serverless 예제 이후 바로 프로젝트에 vercel serverless 함수를 적용하려 했으나post, put method와 body 조작이 필요해서 관련 내용을 git, vercel 배포링크에 추가했습니다그 내용을 블로그에도 작성하겠습니다npm i

2022년 7월 19일
·
0개의 댓글
·

Vercel Serverless 예제 | Jsonplaceholder

예전에 노션 클론 코딩을 하고 회고 글을 작성했었습니다미뤄놨던 배포와 버그 수정, 리팩토링을 진행할 예정입니다그 중 배포할 때 api 요청 url과 관련 api key에 대해서 숨겨야 하는 사항이 있어서 vercel의 serverless function을 먼저 도입하게

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

[Vercel] Deploy

Vercel로 Deploy

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

[Next.js] Vercel 배포 중 오류 해결하기 2 - Client_fetch_error

https://community.auth0.com/t/auth0-with-next-auth-running-locally-but-not-on-vercel/58635

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

Turborepo + yarn-berry 모노레포 구축기

터보레포 스타터킷 각각의 폴더에서 CRA, Next 생성하면됨 vercel 배포 이슈 - 프로젝트를 지웠다가 다시 생성하니 됨 각각의 워크스페이스.. 루트 packages에서 각각 의존성 관리할 수 있음 빠르다고 한다. (난 다른거 안써봐서 잘 체감이 안됨)

2022년 6월 25일
·
0개의 댓글
·
post-thumbnail

[사이드 프로젝트] 심플리 정산 프로젝트 제작기

심플리정산 페이지로 이동 개요 > 시작은 친구 나랑의 아이디어에서 시작했다. 모임에서 각자 정산하는 과정이 생각보다 까다로웠다는 나랑의 문제의식에서 시작해 간단하게 정산해주는 웹사이트를 제작하기로 했다. 사실 작년 연말에 시작해서 길어야 한 두달이면 끝나겠거니..

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

[체험코딩] Next.js로 간단한 웹사이트 만들기

새로운 개발언어 공부는 어떻게 할까?공식사이트에서 Get Stared 눌러서 빠르게 해보긴 하는데... 공식사이트는 뭔가 방대하고 한번 쭈욱 둘러보고 시작을 해야 하는데 둘러봐도 시작을 못하겠고혹시 이런 생각은 안해봤나요?누가 대충 뼈대 좀 잡아줬으면쪽집게 과외처럼 내

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

Next App Deployment(Vercel)

Vercel을 이용하여 Next App 배포하기

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

[vercel] fork한 레포 자동최신화 + vercel로 자동배포하기

프로젝트를 진행했던 깃허브 레포지토리는 organization 레포지토리였다.초기에 배포가 쉽고 간단한 vercel을 사용해 배포하기로하고, 프로젝트를 진행했는데 organization레포지토리는 유료제(정확히는 정해진 기간만 무료)인걸 나중에 알았다.그래서 개인 레

2022년 4월 7일
·
0개의 댓글
·
post-thumbnail

Next 프로젝트 Vercel 에 배포하기

프로젝트를 완성했다.물론 버그 투성이고 리팩토링할 부분도 많지만 리팩토링은 꾸준히 하고 먼저 배포를 하기로 결정했다.아주 예전에 강의를 보고 따라하면서 Heroku 를 통해서 배포를 한 적이 있었다.그런데 이번에 Next 로 진행한 프로젝트는 Vercel 에 배포하기로

2022년 4월 5일
·
0개의 댓글
·
post-thumbnail

[Next.js] Vercel 배포 중 오류 해결하기

^^...;; 나름 신중히 검토하고 1차배포했다고 생각했는데 빌드과정에서 오류폭탄남 하나씩 해결해보자... ❌ pages폴더 내에 styled파일이 있는 경우 next.js 프레임워크의 경우, pages파일안에 있는 루트대로 페이지를 생성해주는 아주 편한 기능을 가

2022년 3월 25일
·
0개의 댓글
·
post-thumbnail

[Vercel] 404: NOT_FOUND 에러 해결기

평화롭게 Next.js 공식문서 속 튜토리얼을 따라하던 나 Vercel 첫 배포를 앞두고 무진장 기대하던 나 결과는 404 에러에 억장 무너지는 나였다 아니 근데 진짜 나한테 왜 그래? 튜토리얼대로 곧잘 따라했다고 생각했는데 404가 떠서 엄청 당황스러웠다. 그치만

2022년 3월 3일
·
0개의 댓글
·

Vercel로 build 시, error log 찍는 방법

개발이 어느정도 진행되고, build가 됐을 시에 항상 아니 무조건 build error가 난다... 근데 콘솔로 찍어서 확인해볼 수 없으니, app.tsx (root page)에 이런 식으로, error log를 찍어놓으면 빌드시에 에러를 바로 확인해볼 수 있

2021년 12월 12일
·
0개의 댓글
·
post-thumbnail

김성모 짤 생성기 제작 후기

예시 이미지최근에 네이버 웹툰에서 나온 짤 중 위와 같은 짤이 있는데 이 짤이 많이 유행하고 사람들이 말풍선 안의 대사를 직접 수정해서 많이 쓰는 것 같아서 이를 편하게 하기 위해 김성모 짤 생성기 페이지를 직접 만들어서 무료로 배포해보았다.페이지 예시 이미지만든 뒤

2021년 12월 5일
·
3개의 댓글
·
post-thumbnail

Vercel을 통해서 클라이언트 배포 연습하기

![](https://images.velog.io/images/gkrba1234/post/c89f95ce-9c68-4afc-a0ec-2b95527225f0/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%

2021년 9월 28일
·
0개의 댓글
·