FRAMEWORK

Svelte uygulamanız için form backend

Formstork, Svelte formunuzun POST'unu karşılayan backend'dir. Bileşeniniz alanları access key'inizle bir Formstork endpoint'ine yollar; Formstork her gönderimi size e-posta olarak iletir, ziyaretçinin e-postasını reply-to olarak ayarlar ve gönderimi aranabilir bir panele kaydeder.

Nasıl çalışır

Svelte bir frontend framework'üdür; formunuzu render eder ama gönderimi karşılayacak kendi sunucusu yoktur. İşte o sunucu Formstork'tur. Formunuzu https://api.formstork.com/submit adresine yönlendirir, gizli bir access_key alanı eklersiniz ya da bir on:submit handler'ından fetch ile POST edersiniz; gerisini Formstork halleder. Her gönderim size e-posta olarak iletilir, aranabilir ve etiketlenebilir bir panelde saklanır ve size ulaşmadan önce spam filtresinden geçer. Oradan gönderimi Slack, Discord, Notion, Google Sheets ya da imzalı (HMAC) bir webhook'a, kendiniz backend çalıştırmadan yönlendirebilirsiniz.

svelte

<script>
  let status = "";

  async function handleSubmit(event) {
    const res = await fetch("https://api.formstork.com/submit", {
      method: "POST",
      headers: { Accept: "application/json" },
      body: new FormData(event.currentTarget),
    });
    status = res.ok ? "Thanks, we got your message." : "Something went wrong.";
  }
</script>

<form on:submit|preventDefault={handleSubmit}>
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="email" name="email" placeholder="Your email" required />
  <textarea name="message" placeholder="Your message" required></textarea>
  <button type="submit">Send</button>
</form>

{#if status}<p>{status}</p>{/if}

Kuracak backend yok

Svelte arayüzü, Formstork POST'u üstlenir. Sunucu, e-posta gönderici ve veritabanı yazmayı atlarsınız; formunuz statik bir host'ta da SvelteKit adapter'ında da aynı şekilde çalışır.

SvelteKit ya da sade Svelte, fark etmez

Tek bir endpoint'e yapılan POST olduğu için aynı kurulum Vite Svelte SPA'da, SvelteKit route'unda ya da tamamen statik bir build'de çalışır. Yapılandıracak sunucu tarafı kod ya da ortam yoktur.

E-posta, panel ve entegrasyonlar

Her gönderim, ziyaretçinin adresi reply-to olacak şekilde size e-postayla gelir, aranabilir bir panele kaydedilir ve spam açısından taranır. Oradan ekstra kod yazmadan Slack, Notion, Google Sheets ya da imzalı bir webhook'a yönlendirin.

Kurulum

1Formstork panelinde bir form oluşturun ve access key'ini kopyalayın. Ücretsiz planda kredi kartı gerekmez.
2Svelte bileşeninizde form alanlarını fetch ile https://api.formstork.com/submit adresine POST edin ve access_key'i alan olarak gönderin.
3Formu bir kez gönderin. E-postanın geldiğini ve gönderimin panelinizde göründüğünü doğrulayın.
4İsterseniz Turnstile gibi spam koruması, otomatik yanıt (autoresponder) ya da Slack veya imzalı webhook gibi bir entegrasyon ekleyin.

Sık sorulanlar

Svelte'de backend olmadan form gönderimlerini nasıl yönetirim?

Formunuzu Formstork'a yönlendirin. Bir on:submit handler'ında form alanlarını access_key'inizle fetch kullanarak https://api.formstork.com/submit adresine POST edin. Formstork gönderimi karşılar, size e-postayla iletir ve saklar; böylece hiç sunucu kodu yazmazsınız.

SvelteKit ile çalışır mı?

Evet. Formstork sadece bir HTTP endpoint'i olduğu için SvelteKit route'undan, istemci tarafı bir formdan ya da statik adapter build'inden çalışır. İstemediğiniz sürece SvelteKit sunucu endpoint'lerine ya da form action'larına ihtiyacınız yoktur.

Ücretsiz plan var mı?

Evet. Ücretsiz plan; ayda 250 gönderim, e-posta teslimatı, spam filtresi, entegrasyonlar, CSV ve JSON export ve 90 günlük saklama içerir, kredi kartı gerekmez. Ücretli planlar sınırsız (forever) saklama, otomatik yanıt ve dosya yükleme ekler.

Formstork'u ücretsiz dene

Tam panelle ayda 250 gönderim. Kredi kartı gerekmez.

Access key'ini al Dokümanları oku