You can add a contact form in your static website like site hosted on Github and able to get response from user.
Sometimes people try to span your email and you get anonymous emails. To avoid this, I have created this so that one has to authenticate their emails before sending message to you.
- Avoid Spam emails
- Check for blacklisted mail servers
- Can add as many name fields in your HTML form.
- Get IP address of the sender
- Avoid DDOS attacks
git clone git@github.com:knrt10/static-contact-validatedForm.git
cd static-contact-validatedForm/
touch .env #create .env file
copy keys of .env.example in your .env file and fill all the details
1.) Follow Initial Setup
2.) Host it on any domain you want, I would suggest Zeit Now
3.) Add an .env file in your root folder for reference see .env.example
4.) Add this to form in your static site
- Paste your endpoint into your form
Change your form's action attribute like this:
Important method should be GET
<form method="GET" action="your hosted URL/verify" accept-charset="UTF-8" ></form>- Add name attribute to every field
Inputs, textareas, selects, radios should have unique name attributes
<input id="name" type="text" name="name" required placeholder="Example:- Messi | Ronaldo">
<input id="email" type="email" name="email" placeholder="Example:- messi@ronaldo.com" required>
<textarea id="textarea" name="message" placeholder="Enter your message" required ></textarea>name field in html form for email field is mandatory. Rest you can add as many as you want.
- All set, you're ready to collect submissions 🔥 Enjoy.
First follow Initial Setup then you can use develop using 2 methods
npm run dockerStart # To start the service
npm run dockerStop # To stop the serviceYou can access your app at port specified in your .env file or 3000
#install dependencies
npm install
#start the service
npm start
MIT @knrt10