React / NextJS

React Contact Form - Sent via Email

Forms Example
React / NextJS + Contact Form

This guide will show you how to make a nice-looking and elegant form with React. Contact form creation in React shouldn't be a tedious task.

If you think smart, your codebase can be a lot cleaner with the fronted-only code.

Read more

React Send Email Without Server

React Send Email
React / NextJS + Free Email

React's primary purpose is to be running in browsers. Because of that, it has quite a few limitations. A good example would be sending emails.

So the question is, how to send emails from React without a backend?

Read more

React Hooks Post Form Data to API

Forms Example
React / NextJS + Form Data

This guide will teach you how to send form data to any API endpoint.

Use React Hooks, Copy-Paste Code Available

Read more

NextJS Form - Custom Hook Example

Forms Example
NextJS Form

NextJS form example to handle form submissions. Store data, and send emails.

Read more

Vue / NuxtJS

Vue Send Email - Without Backend

Vue Send Email
Vue + Free Email

Vue is a client-side framework that is running in browsers. Learn how to send emails from Vue without a backend.

Read more

Vue Contact Form - Sent via Email

Forms Example
Vue + Contact Form

This guide will show you how to make a nice-looking and elegant form with Vue. Contact form creation in Vue shouldn't be a tedious task.

Read more

Jekyll / Hugo / Gatsby / Wordpress

Jekyll Contact Form - With Frontend code only

Simple contact form
Jekyll + Contact Form

This guide will teach you how to create a beautiful and elegant form using Jekyll.

You don't need to do any backend email work, as HeroTofu will handle everything.

Read more

Gatsby Contact Form - With Frontend code only

Simple contact form
Gatsby + Contact Form

This guide will teach you how to create a beautiful and elegant form using Gatsby.

You don't need to do any backend email work, as HeroTofu will handle everything.

Read more

Hugo Contact Form - Without Backend

Simple contact form
Hugo + Contact Form

Create simple contact form using Hugo.

You don't need to do any backend email work, as HeroTofu will handle everything.

Read more

Web development

Form Spam 101: What You Need to Know

Preventing form spam
Form Spam + Bot Traps

Discover the ins and outs of form spam, including its impact on your website and strategies to protect your forms and users.

Read more

How to Build WordPress Form Without a Plugin

WordPress contact form
WordPress Form + Contact Form

WordPress plugins can slow down your site or even expose you to security risks. Also, they're not highly customizable.

See how HeroTofu solves all these problems for you.

Read more

Build an HTML Form That Sends You an Email

HTML form that sends you an email
HTML Form + Free Email

HeroTofu is by far the most trustful way to create an HTML form that sends you an email.

You also have the advantages of setting up custom email notifications, bot prevention, and forwarding leads to your own CMS.

Read more

jQuery Send Email Without Server Code

jQuery Send Email
jQuery + Free Email

Send emails from your jQuery website.

Take advantage of HeroTofu and send free emails without a need of backend server.

Read more