폼 백엔드, 직접 만들면 공짜!

$20/월 폼 서비스 비용에 대한 문제 의식에서 출발하여 직접 폼 백엔드 구축을 결정함

Next.js 15, Supabase, Resend를 활용하여 폼 데이터 저장 및 이메일 전송 기능을 구현함

Vercel 및 Supabase 무료 플랜을 통해 월 $0 비용으로 폼 백엔드 운영 가능

Next.js App Router와 Supabase의 만남

Next.js 15의 App Router를 통해 서버 사이드 렌더링 및 서버 액션 구현이 용이해졌다. Supabase는 PostgreSQL 데이터베이스, 실시간 업데이트, 인증 기능을 제공하여 백엔드 구축을 간소화한다. 따라서 개발 생산성 향상과 유지보수 용이성을 동시에 얻을 수 있다.

SaaS vs 직접 구축: 비용 절감의 핵심

SaaS는 편리하지만, 잦은 가격 인상과 기능 제한의 위험이 있다. Supabase와 Vercel의 무료 플랜을 활용하면 월 $0으로 폼 백엔드를 운영할 수 있다. Resend를 통해 이메일 전송 비용까지 절감하여 총 소유 비용(TCO)을 대폭 낮출 수 있다.

실전 적용 가이드: 나만의 폼 백엔드 구축하기

GitHub에서 제공되는 코드를 Fork하고, Vercel에 배포하여 폼 백엔드를 구축한다. Supabase 계정을 생성하고, 환경 변수를 설정하면 된다. SMTP 설정을 통해 Resend를 대체하여 기존 이메일 인프라를 활용할 수 있으며, 데이터 보안 및 확장성 확보에 집중한다.