백엔드 구축 없이 5분 만에 완성하는 Astro 컨택트 폼

Context

Astro는 정적 HTML을 생성하는 프레임워크 구조. 기본적으로 서버 사이드 백엔드가 없어 폼 데이터 전송 경로가 부재함. 별도의 서버 구축은 오버헤드가 크며 유지보수 비용을 발생시킴.

Technical Solution

• Formgrid API 엔드포인트를 활용한 서버리스 데이터 수집 구조 채택
• HTML 폼의 action 속성에 고유 Endpoint URL을 할당하여 서버 구현 없이 데이터 전송 구현
• Honeypot 필드와 Rate Limiting을 적용한 봇 기반 스팸 유입 차단 전략
• Proof-of-Work CAPTCHA 도입을 통한 보안 강화 및 데이터 무결성 확보
• Google Sheets API 연동으로 제출 데이터를 실시간 행 단위로 자동 저장하는 파이프라인 설계
• Docker 기반 셀프 호스팅 옵션을 제공하여 데이터 주권 및 제어권 확보 가능 구조

Impact

• 무료 플랜 기준 월 50건의 제출물 처리 가능
• Professional 플랜 이용 시 월 16달러의 비용으로 Google Sheets 동기화 지원

Key Takeaway

정적 사이트의 기능 확장을 위해 모든 기능을 직접 구현하기보다 전용 SaaS나 오픈소스 API를 활용하여 개발 복잡도를 낮추고 핵심 가치에 집중하는 전략이 유효함.