안녕하세요. 저는 취미로 유틸리티 사이트를 운영중입니다. 현재 서버 비용은 월 0원으로 운영중인데, 정말 사용하기 편하고 좋아서, 비슷한 서비스를 구상하시는 분들에게 도움이 될까해서 글을 적습니다.
■ Vercel + Next.js ?
웹서비스를 운영할 때 가장 부담되는 것 중 하나가 서버 비용입니다. AWS, GCP, Azure 같은 클라우드 서비스는 트래픽이 적어도 기본 비용이 발생하고, 트래픽이 갑자기 몰리면 예상치 못한 요금이 나오기도 합니다.
Vercel은 Next.js를 만든 회사가 운영하는 배포 플랫폼입니다. Next.js 프로젝트를 GitHub에 올려두면 자동으로 빌드하고 배포해줍니다. 무료 플랜(Hobby)으로도 개인 프로젝트나 소규모 서비스를 충분히 운영할 수 있습니다.
다른 선택지와 비교하면:
- Netlify: 비슷한 구조지만 Next.js 최적화는 Vercel이 더 좋음
- Cloudflare Pages: 무료 플랜이 넉넉하지만 서버사이드 기능 제한 있음
- AWS EC2: 완전한 자유도이지만 설정 복잡하고 비용 발생
- Vercel: Next.js와 궁합 최고, 무료 플랜으로 웬만한 서비스 가능
■ 실제 설정 방법
생각보다 어렵지 않습니다. 큰 흐름은 이렇습니다.
1단계. GitHub 저장소 만들기
Next.js 프로젝트를 GitHub에 올려둡니다. npx create-next-app으로 시작하면 됩니다.
2단계. Vercel 가입 후 GitHub 연동
vercel.com에서 GitHub 계정으로 가입하고, 저장소를 선택합니다. 버튼 몇 번 클릭하면 자동으로 배포됩니다. 처음 배포까지 5분도 안 걸립니다.
3단계. 도메인 연결
Vercel에서 기본으로 제공하는 도메인(프로젝트명.vercel.app)을 써도 되고, 직접 구매한 도메인을 연결할 수도 있습니다. 도메인 설정 페이지에서 네임서버나 CNAME을 설정하면 됩니다.
4단계. 환경변수 설정
API 키나 데이터베이스 주소 같은 민감한 정보는 Vercel 대시보드의 Environment Variables에 등록합니다. 코드에 직접 넣지 않아도 됩니다.
5단계. 자동 배포
GitHub main 브랜치에 push하면 자동으로 빌드하고 배포합니다. 별도 배포 명령 없이 코드 올리면 끝입니다.
■ 무료 플랜의 한계
Vercel 무료 플랜(Hobby)에 제한이 없는건 아닙니다.
대역폭: 월 100GB
→ 웬만한 개인 서비스는 충분합니다. 전 현재 월 2~3GB 정도 사용 중입니다.
서버리스 함수 실행 시간: 10초
→ 간단한 API는 문제없지만 무거운 처리는 어렵습니다.
빌드 시간: 월 6,000분
→ 하루에 20번 배포해도 거의 안 찹니다. 거의 대부분의 빌드가 1분 미만이고 하루에 여러번 해도 충분한 용량 입니다.
팀 기능: 없음
→ 혼자 운영하는 경우 문제없습니다.
상업적 사용: 가능하지만 약관 확인 필요
→ Vercel 무료 플랜은 상업적 사용이 제한됩니다. 수익이 발생하는 서비스라면 Pro 플랜($20/월)을 고려해야 합니다.
■ 이런 분께 추천합니다
개인 프로젝트나 사이드 프로젝트를 만들고 싶은데 서버 비용이 부담되는 분
Next.js를 배우면서 실제 배포까지 해보고 싶은 분
빠르게 아이디어를 프로토타입으로 만들어 배포하고 싶은 분
반대로 이런 경우는 유료 플랜이나 다른 서비스를 고려하세요:
수익이 발생하는 상업적 서비스
무거운 서버 연산이 필요한 서비스
팀으로 협업하는 경우
■ 시작하는 방법
1. nextjs.org에서 Next.js 공식 문서 확인
2. npx create-next-app@latest 으로 프로젝트 생성
3. GitHub에 올리기
4. vercel.com에서 배포
이게 전부입니다. 처음 배포까지 30분이면 충분합니다.
가끔쓰는 기능들 앱찾기 귀찮고 막상 찾으면 퀄리티도 떨어지는거 결제나 광고봐야하는거 귀찮아서
이런거 저런거 모아놓고 골라쓰는 용도로 버셀에 올려놓고 씁니다
필요한 기능을 코딩에이전트한테 주절주절 설명하면 푸시까지해놓고 버셀이 빌드까지 해놓으니까 좋더라구요