← Lease Bot 홈블로그
홈페이지 운용📅 2026-05-04⏱ 6분 읽기

Vercel + Next.js로 5분 만에 홈페이지 배포하기

도메인 사고, 호스팅 신청하고, FTP 올리고 — 그 시대는 끝났다. git push 한 줄이면 도메인·SSL·CDN까지 다 된다. leasebot.co.kr도 이렇게 배포됐다.

1. 5분 워크플로우

  1. GitHub에 레포 생성 (1분)
  2. Vercel 가입 + GitHub 연결 (1분)
  3. "Import Project" → 자동 빌드 (2분)
  4. 도메인 연결 + SSL 자동 발급 (1분)

끝. 푸시하면 자동 재배포. 다운타임 0.

2. 프로젝트 구조 (leasebot.co.kr 실제)

leasebot/
├── index.html        ← 메인
├── app.jsx           ← React 앱
├── styles.css
├── api/
│   └── chat.js       ← Vercel Functions (서버리스)
├── blog/
│   ├── index.html    ← 블로그 목록
│   └── *.html        ← 개별 글
├── privacy.html
├── terms.html
├── manifest.webmanifest
├── robots.txt
├── sitemap.xml
└── vercel.json       ← 핵심 설정

3. vercel.json 핵심 설정

{
  "cleanUrls": true,        ← /privacy.html → /privacy
  "trailingSlash": false,
  "headers": [
    {
      "source": "/(.*)",
      "headers": [
        { "key": "X-Content-Type-Options", "value": "nosniff" },
        { "key": "X-Frame-Options", "value": "SAMEORIGIN" },
        { "key": "Referrer-Policy", "value": "strict-origin-when-cross-origin" }
      ]
    }
  ]
}

cleanUrls의 효과

SEO 친화 + 사용자 경험 향상.

4. CLI 배포 (1줄)

npx vercel --prod --yes --token YOUR_TOKEN

# 출력:
# Production: https://leasebot.co.kr ready

5. API Routes (서버리스 함수)

백엔드도 별도 서버 필요 없다. api/ 폴더에 파일 만들면 자동으로 endpoint가 된다.

// api/chat.js
export default async function handler(req, res) {
  const { messages } = req.body;
  // Anthropic API 호출
  const reply = await callClaude(messages);
  res.json({ reply });
}
// → POST /api/chat 으로 자동 노출

6. 도메인 연결 (1회만)

  1. 가비아·후이즈 등에서 도메인 구매 (예: leasebot.co.kr)
  2. Vercel 프로젝트 → Settings → Domains → "Add"
  3. 제시되는 A 레코드·CNAME을 도메인 관리 페이지에 입력
  4. 5~10분 후 SSL 자동 발급 + 연결 완료

비용

💡 leasebot.co.kr는 Hobby 플랜에서 운영 중이다. 트래픽이 늘어도 자동 스케일링되며, 결제는 1TB 도달 시점에 검토하면 된다.

마치며

"홈페이지 만들었으니 운영비 매월 얼마…" 시대는 지났다. Vercel은 코드 푸시 → 배포 → 운영을 무료로 자동화한다. 시간·비용·관리 부담 모두 0.

← 블로그 목록