스타트업 CTO입니다. 랜딩페이지 스택을 Next.js + Vercel로 선택한 이유

CTO의 고민

B2B SaaS 스타트업 CTO입니다. 랜딩페이지가 필요했습니다.

**선택지:**
1. WordPress + 플러그인
2. Webflow (노코드)
3. Next.js + Vercel

**고려사항:**
- 개발 속도
- 유지보수성
- 성능
- SEO
- 비용
- 확장성

3가지 옵션 비교

Option 1: WordPress

**장점:**
- 빠른 초기 구축
- 플러그인 많음
- 개발자 구하기 쉬움

**단점:**
- 느린 속도
- 보안 이슈
- PHP 레거시
- 무거운 플러그인

**비용:** 월 5~10만원

Option 2: Webflow

**장점:**
- 노코드
- 디자인 자유도
- 빠른 구축

**단점:**
- 월 구독료 (4만원)
- 커스터마이징 한계
- 락인 (플랫폼 종속)
- 개발자 불필요 → 팀 역량 안 늘음

**비용:** 월 4만원

Option 3: Next.js + Vercel

**장점:**
- 최신 기술
- 빠른 성능
- SEO 최적화
- 완전한 커스터마이징
- 제품과 기술 스택 동일

**단점:**
- 개발 필요
- 초기 학습 필요

**비용:** 무료 (Vercel 무료 플랜)

Next.js를 선택한 이유

1. 제품과 기술 스택 통일

우리 제품: Next.js

랜딩페이지도 Next.js:
- 코드 재사용 가능
- 인증 시스템 공유
- 디자인 시스템 공유
- 팀원 모두 익숙

**개발 효율 극대화**

2. 성능

| 기술 | Lighthouse 점수 | 로딩 속도 |
|------|----------------|----------|
| WordPress | 45~65 | 3~5초 |
| Webflow | 70~80 | 2~3초 |
| **Next.js** | **95~99** | **0.5~1초** |

고객은 빠른 사이트를 선호합니다.

3. SEO

Next.js는 SEO에 최적화:
- SSR (Server-Side Rendering)
- 자동 sitemap 생성
- 메타데이터 쉽게 관리
- 빠른 속도 (구글 선호)

**검색 순위에 유리**

4. 비용

| 기술 | 초기 | 월 비용 | 연 비용 |
|------|------|---------|---------|
| WordPress | 50만원 | 8만원 | 146만원 |
| Webflow | 0원 | 4만원 | 48만원 |
| **Next.js** | 학습 비용 | **0원** | **15,000원 (도메인)** |

**3년 절감: 약 400만원**

5. 확장성

랜딩페이지 → 블로그 → 제품 페이지 → 대시보드

모두 같은 코드베이스.

**일관성 + 빠른 개발**

실제 개발 과정

학습 (1주일)

이 강의 팀원들과 함께 수강:
- Next.js + TailwindCSS
- Cursor AI 바이브코딩
- SEO 최적화
- Vercel 배포

개발 (3일)

Cursor AI로 빠르게:
- 히어로 섹션
- 기능 소개
- 가격 테이블
- 문의 폼

**3일 만에 완성**

배포 (10분)

``bash
vercel deploy
``

끝.

2개월 후 성과

성능

- Lighthouse: 98점
- 로딩: 0.8초
- 모바일 최적화: 완벽

SEO

- 목표 키워드 검색 순위: 3위 (2주 만에)
- 월 유기적 방문자: 800명
- 광고비: 0원

확장

- 블로그 추가 (2일)
- 제품 페이지 추가 (3일)
- 대시보드 연결 (인증 시스템 공유)

**모두 같은 코드베이스에서**

팀 역량 향상

부가 효과:
- 팀원 모두 Next.js SEO 이해
- Cursor AI 바이브코딩 습득
- 개발 속도 전반적으로 향상

**기술 부채 줄어듦**

다른 CTO들에게

WordPress 추천 경우

- 비개발자 팀
- 빠른 프로토타입만 필요
- 예산 충분

Webflow 추천 경우

- 디자이너 중심 팀
- 개발 리소스 없음
- 락인 괜찮음

Next.js 추천 경우

✅ **개발 팀 있음**
✅ **제품도 React/Next.js**
✅ **성능 중요**
✅ **SEO 중요**
✅ **장기 운영**
✅ **비용 절감 원함**

의사결정 프레임워크

CTO로서 기술 선택 시:

1. 팀 역량 고려

우리 팀이 잘하는 기술 선택.

2. 제품과 일관성

같은 스택 = 효율 증가.

3. 장기 비용

월 비용 × 36개월 계산.

4. 확장성

3년 후도 생각.

5. 팀 성장

팀이 배우고 성장할 기회.

마치며

CTO로서 Next.js + Vercel 선택.

**최고의 선택이었습니다.**

- 성능: 최고
- SEO: 1등
- 비용: 거의 무료
- 확장: 쉬움
- 팀 역량: 향상

당신도 고민 중이라면, Next.js 추천합니다.

이 강의로 시작하세요.

---

**태그**: #스타트업CTO #기술스택 #Nextjs #Vercel #의사결정