오리진의 개발노트

프로젝트를 만들었는데 배포는 어떻게 하지? 서버를 직접 세팅해야 하나? 이런 고민을 해본 적이 있다면, Vercel이 정답입니다.Vercel은 GitHub에 코드를 Push하는 것만으로 자동 배포가 되는 프론트엔드 전문 호스팅 플랫폼입니다. 특히 Next.js를 만든 회사답게 Next.js와의 궁합이 최고이고, React, Vue, Svelte 등 거의 모든 프레임워크를 지원합니다.이 글에서는 Vercel이 뭔지부터 실제 배포까지, 초보자도 따라할 수 있게 단계별로 정리해봤습니다. Vercel이란?Vercel은 프론트엔드 개발자를 위한 클라우드 배포 플랫폼입니다. 2020년에 ZEIT에서 이름을 바꾸면서 본격적으로 성장했고, 지금은 Next.js 생태계의 핵심 인프라 역할을 하고 있습니다.가장 큰 특징은..

웹사이트를 만들었는데 세상에 공개하려면 어떻게 해야 할까요? 서버를 구매하고, 도메인을 설정하고, SSL 인증서를 발급받고… 이런 복잡한 과정 없이 5분 만에 사이트를 배포할 수 있는 방법이 있습니다. 바로 Vercel입니다.이 글에서는 Vercel 무료 배포 방법을 처음부터 끝까지 정리했습니다. 프로그래밍 경험이 적더라도 따라 하면 바로 내 사이트를 인터넷에 올릴 수 있어요.Vercel이 뭔가요?Vercel은 프론트엔드 개발자를 위한 클라우드 배포 플랫폼입니다. Next.js를 만든 회사이기도 하죠. GitHub에 코드를 올리면 자동으로 빌드하고 배포까지 해줍니다.▲ Vercel 공식 사이트 — 심플한 인터페이스가 인상적입니다복잡한 서버 설정 없이 Git Push 한 번이면 전 세계 어디서든 접속 가능..

웹사이트를 만들었는데 어디에 올려야 할지 모르겠다면, Vercel이 정답입니다. GitHub 계정만 있으면 5분 안에 내 사이트를 전 세계에 공개할 수 있습니다.AWS나 카페24 같은 호스팅 서비스를 써본 분이라면, 설정이 얼마나 복잡한지 잘 아실 겁니다. 서버 설정, SSL 인증서, 도메인 연결까지 하나하나 직접 해야 하죠. Vercel은 이 과정을 전부 자동화해서, 코드만 올리면 알아서 배포해줍니다.▲ Vercel 공식 사이트 메인 화면Vercel이 뭔가요?Vercel은 프론트엔드 웹사이트 배포에 특화된 클라우드 플랫폼입니다. Next.js를 만든 회사이기도 합니다. React, Vue, Svelte, 정적 HTML 등 거의 모든 프론트엔드 프레임워크를 지원합니다.무료 플랜(Hobby)으로도 개인 프..

"내가 만든 프로젝트, 어떻게 하면 세상에 공개할 수 있을까?"개발 입문자라면 한 번쯤 고민해봤을 겁니다. AWS? 도메인 설정? SSL? 서버 관리? 하나씩 따라가다 보면 배포보다 설정에 시간을 더 쓰게 되죠.Vercel은 이 모든 과정을 깃허브 연동 한 번이면 끝내주는 플랫폼입니다. 무료 플랜으로도 개인 포트폴리오, 사이드 프로젝트, 블로그까지 충분히 운영할 수 있고요.이 글에서는 Vercel 무료 배포 방법을 실제 화면과 함께 A부터 Z까지 정리했습니다.▲ Vercel 공식 홈페이지 — "Build and deploy the best web experiences"1. Vercel이란? 왜 무료 배포에 최적인가Vercel은 프론트엔드 배포에 특화된 클라우드 플랫폼입니다. Next.js를 만든 회사이기..