SolidJS Contact Form Without a Backend

Set up FormsReach with SolidJS

Create a free API key

Add the form JSX

Render a form with method POST, action set to the FormsReach submit endpoint, and a hidden api_key input alongside name, email, and message fields.

Ship and test

Deploy your Solid app. Submit once - check email and/or WhatsApp depending on your delivery settings.

<form action="https://api.formsreach.com/submit" method="POST"> <input type="hidden" name="api_key" value="YOUR_API_KEY"> <input type="text" name="name" required> <input type="email" name="email" required> <textarea name="message" required></textarea> <button type="submit">Submit Form</button> </form>

<form action="https://api.formsreach.com/submit" method="POST"> <input type="hidden" name="api_key" value="YOUR_API_KEY" /> <input type="text" name="name" required /> <input type="email" name="email" required /> <textarea name="message" required></textarea> <button type="submit">Submit Form</button> </form>

Fine-grained UI, simple form delivery

SolidJS keeps updates sharp. Contact delivery should stay boring. FormsReach is the form API so your component stays UI, not infrastructure.

Platform notes

Prefer a shared ContactForm component.
Classic form POST works without client stores or signals for submit state.
Use the JavaScript integration when you want CDN init and data-formsreach.

Troubleshooting

Nothing arrives: Confirm api_key is in the rendered DOM.
PreventDefault without send: If you intercept submit, you must post to FormsReach yourself.
Wrong fields: Ensure each input has a name attribute.

What you get

Free

500 credits every month for form submissions, email, and WhatsApp. Spam filtering, webhooks, and workflow rules included. No credit card required.

Starter & Pro

Larger monthly credit pools (2,000 or 8,000) for growing sites and multi-site volume. Same channels - email, WhatsApp via the official Meta API, webhooks. See pricing.

FAQ

Is there an @formsreach/solid package?+

Not required. Use HTML form POST or the JavaScript SDK. The form API is the same across stacks.

Do I need a SolidStart API route?+

Not for a basic contact form. FormsReach is the form backend the browser posts to.

Free vs Pro delivery?+

Email and WhatsApp via Meta WhatsApp Business API, with spam filtering. Usage is metered in monthly credits.

Can I submit with fetch instead?+

Yes if you prefer - post the same fields to the FormsReach submit endpoint. The HTML snippet is the simplest path.

SolidJS contact form without a backend