정적 콘텐츠에 이상적인 Astro 사이트는 폼 제출에 있어 어려움을 겪습니다. onsubmit.dev는 폼이 외부 엔드포인트로 POST할 수 있도록 하여 서버 측 API 라우트의 필요성을 없애는 솔루션을 제공합니다. 이는 GitHub Pages와 같은 정적 호스팅 환경에 완벽합니다. 가장 간단한 방법은 네이티브 HTML 폼 동작을 활용하며, 클라이언트 측 JavaScript나 하이드레이트된 컴포넌트가 필요하지 않습니다. 이 접근 방식은 JavaScript가 활성화되지 않은 경우에도 폼이 작동하도록 보장합니다. Astro 서버 엔드포인트를 설정하는 복잡성을 피하고 정적 배포를 진정으로 정적으로 유지합니다. Astro의 철학은 간단한 폼에 불필요한 클라이언트 측 런타임을 배송하는 것을 피하기 때문에 이 제로 JavaScript 패턴과 잘 맞습니다. 그런 다음 JavaScript를 사용하여 점진적 향상을 적용하여 제출의 전제 조건이 되지 않고 사용자 경험을 개선할 수 있습니다. 여기에는 인라인 로딩 상태 및 제자리 피드백과 같은 기능이 포함됩니다. API 키와 같은 민감한 정보는 브라우저 측 코드에 절대 노출되어서는 안 된다는 점을 기억하는 것이 중요합니다. 호스팅된 폼 엔드포인트는 민감한 서버 측 처리를 안전하게 처리합니다. 클라이언트 측 유효성 검사는 보안이 아닌 사용자 경험을 위한 것입니다. 이 패턴은 연락처, 피드백 또는 대기자 명단과 같은 폼에 적합합니다. 더 복잡한 워크플로의 경우 Astro 서버 라우트 또는 별도의 백엔드가 필요할 수 있습니다. 궁극적으로 외부 엔드포인트를 사용하면 일반적인 정적 Astro 폼 요구 사항에 대한 배포 모델이 단순하게 유지됩니다.