Vercel संपर्क फ़ॉर्म

Formgong team ·

Vercel संपर्क फ़ॉर्म को सर्वरलेस फ़ंक्शन या SMTP कुंजी की ज़रूरत नहीं। Vercel का अपना फ़ॉर्म उत्पाद नहीं है। स्थिर साइट के लिए नीचे का HTML फ़ॉर्म लें, या Next.js पेज से वही एंडपॉइंट। यही Vercel ईमेल संपर्क फ़ॉर्म है: ईमेल Formgong भेजता है। सर्वर फ़ंक्शन नहीं चाहिए।

Vercel
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="hi">
  <label>नाम <input type="text" name="name" autocomplete="name" placeholder="आपका नाम" required></label>
  <label>ईमेल <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>संदेश <textarea name="message" placeholder="हम आपकी कैसे मदद कर सकते हैं?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>इस फ़ील्ड को खाली छोड़ें<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">भेजें</button>
</form>

Vercel में फ़ॉर्म कैसे काम करते हैं

Vercel स्थिर फ़ाइलें और Next.js होस्ट करता है। उसमें फ़ॉर्म इनबॉक्स नहीं है। आम जोड़ Route Handler या Server Action है जो ईमेल API बुलाता है। वह सर्वर कोड, रहस्य, और चलने पर भुगतान वाला फ़ंक्शन है।

स्थिर निर्यात उस रास्ते को और खराब करता है। Next.js लिखता है कि output: 'export' Server Actions नहीं चलाता, और उस मोड में Route Handlers अनुरोध नहीं पढ़ते। ब्राउज़र का POST इनमें से किसी पर निर्भर नहीं।

Vercel में सेटअप

  1. Formgong में फ़ॉर्म बनाएँ और पहुँच कुंजी कॉपी करें।
  2. स्थिर साइट पर HTML फ़ॉर्म उस पेज में चिपकाएँ जिसे Vercel परोसता है। access_key, _lang और botcheck रखें, और https://formgong.com/submit पर भेजें।
  3. Next.js में app/api/contact/route.ts न जोड़ें और SMTP API न बुलाएँ। क्लाइंट घटक उसी URL पर fetch कर सकता है। घटक के लिए Next.js गाइड देखें।
  4. Vercel से तैनात करें। प्रविष्टियाँ Vercel Function नहीं चलातीं, इसलिए फ़ंक्शन कोटा में नहीं गिनी जातीं। प्रोडक्शन डोमेन पर जाँच भेजें।
  5. Formgong का मुफ़्त ईमेल दैनिक सार है। प्रति संदेश ईमेल Pro पर शुरू होता है। Telegram हर प्लान पर चलता है, Free पर भी।

Formgong या Vercel फ़ंक्शन?

Route Handler तब लिखें जब सबमिट को डेटाबेस बदलना हो या साइन-इन उपयोगकर्ता जाँचना हो।

स्थिर साइट या Next.js के संपर्क फ़ॉर्म के लिए Formgong लें। SMTP छूट जाता है और output: 'export' रह सकता है।

सवाल और जवाब

क्या Vercel का संपर्क फ़ॉर्म है?

नहीं। इस काम के लिए Vercel का गाइड फ़ॉर्म बैकएंड इस्तेमाल करता है। प्रोजेक्ट में Forms टैब नहीं है।

क्या Resend के बिना Vercel ईमेल फ़ॉर्म भेज सकता हूँ?

हाँ। पेज से Formgong को भेजें। ईमेल Formgong भेजता है। Vercel प्रोजेक्ट में SMTP कुंजी न रखें।

क्या यह स्थिर निर्यात के साथ चलता है?

हाँ। ब्राउज़र फ़ॉर्म भेजता है। output: 'export' सेट हो तो Server Actions नहीं चलते, और यहाँ उसकी ज़रूरत नहीं।

क्या आगंतुक पेज पर रह सकता है?

हाँ। Accept: application/json के साथ fetch करें और JSON का संदेश दिखाएँ। HTML फ़ॉर्म बिना JavaScript का रास्ता है।

मुफ़्त शुरू करें