# Vercel

Next.js Vercel 배포 에러 Next.js 500 error,TypeScript 에러
타입스크립트 오류 나의 경우에는 Chakra UI를 Next.js 13에서 사용하고 있었다. 13버전에서는 타입스크립트의 버전이 5.0.2여야 한다. Next.js 500 error

Next.js - Vercel 환경에서 Google Cloud Platform 으로 환경 이동 구축기 - (2)
오늘은 지난글에 이어서 간단하게 GCP 에 HTTPS 관련 적용한 글을 포스팅 하려고 한다.들어가기에 앞서일반적으로 도메인을 산다면, 도메인과 웹 호스팅( + SSL) 을 같이 제공해주는 서비스들을 이용하게 된다.하지만, Vercel을 이용하면 웹 호스팅을 제공해주기

Next.js - Vercel 환경에서 Google Cloud Platform 으로 환경 이동 구축기
심리상담센터 홈페이지를 운영하던 중 갑작스런 에러상황을 맞이하게 되었고, 해당 환경을 더이상 이용하기 힘들 것이라 판단하여, Vercel 환경에서 GCP 환경으로 이동한 구축기를 적어두려고 한다. 에러 상황 위에 그림과 같이 Pro 계정은 Serverless fun
Vercel로 SPA 배포하면 일어나는 404 에러 해결하기
Vercel로 SPA 프로젝트를 배포하고, 접속을 하면 잘되는 것처럼 보인다. 하지만 그 상태에서 새로고침을 해보면 404 에러를 내뱉는데, 해결해보자

Vercel 로 앱 배포하기
Vercel의 특징 중 하나는, GitHub와 같은 코드베이스(저장소)를 연결하여, 즉시 빌드를 실행하고, 배포까지 원클릭으로 할 수 있다는 점이 특징이다. 실제로 배포는 Vercel 서비스 내에서 이루어진다.그럼 시작해보자.우선 vercel에 로그인을 한다.(gith

[Vercel] 배포 에러
Error : Module '"path"' has no exported member 'A'. Error : Cannot find module 'path' or its corresponding type declarations.
GitHub Organization 프로젝트를 vercel 무료로 연동하기 (+git actions)
github Organization에 속한 프로젝트는 vercel에서 유료(team plan)로 배포됩니다. 팀 프로젝트를 개인 레포로 클론해 무료(personal plan)로 배포하는 방법입니다.

env파일이 만능일까? (feat. 프론트엔드)
생각을 해보게 된 이유 API를 활용한 과제에서 쿼리스트링 파리미터로 apikey를 전달해줘야 되는데 env파일만 활용하면 중요한 값이 노출되는 상황을 방지할 수 있는지 확인해보고 싶었고, 이와 관련한 실험을 하게 되었습니다. .env 파일을 이용하면 노출이 안되지 않을까? 실험을 해보기 전까지는 일반적으로 .env파일을 통해 중요 값을 노출시키지 않...
[Vercel Vite Error 404] Vercel Vite 배포시 라우터 새로고침 404 에러
토이 플젝을 진행하면서 vercel로 항상 배포하는 상황에서, react-router-dom v6 Route path="/*" 를 모두 Home 페이지로 설정했는데도 불구하고 계속 404에러를 뱉는 현상이 나타났다. 🙄 [Vite project] 새로고침시 404

태그 스타일의 썸네일 메이커 프로젝트, Samnail-maker
포스팅에 쓸만할 썸네일을 어디서 찾나... 벨로그 포스팅을 가끔 하려 할 때면 피그마에서 대충 끄적거린 후 이미지로 추출해 사용해 오다가, 매번 하는 그게 너무나도 귀찮아져 적당한 포맷을 만들어 둬야겠다 싶어 이참에 만들게 되었다. 어느 때는 블로그는 뒷전이고 피그마

[TIL] Vercel 배포관련 에러해결
vercel에 배포할 때 나는 오류Local에서 Build, Start, Test, Problems, Push 모두 이상 없는데 vercel에서만 에러가 남 ㅠㅠ오류 메세지 ⬇️tsx 파일을 인식 못하나?다른 파일들은 다 잘 인식함..node_modules 삭제 후 다

Json-server vercel 배포 시 db.json read-only file system 문제
PATCH , DELETE 등의 요청을 할 때 EROFS: read-only file system, open ...라는 오류가 발생했다.아니 뭔 read-only 인가 싶어서 구글링을 좀 해보고 힌트를 얻어 해결했던 것 같다.This error is most often

To do List - 배포(Vercel)
배포 - 만든 프로젝트를 모두가 볼 수 있게 하는 것이다.배포 방식 - 배포에는 여러 방식이 있다.1.배포 플랫폼을 이용하기2.웹서버를 구축하고 웹서버에 리액트 프로젝트 빌드 파일을 올려서 배포하기오늘 할 방식은 플랫봄을 이용해서 배포하기!Vecel은 AWS와 같은 클