Kiro LogoKIRO

EmailJS Setup Guide

Step 1: Create EmailJS Account

  1. Visit https://www.emailjs.com/
  2. Sign up for a free account
  3. Verify your email address

Step 2: Add Email Service

  1. Go to "Email Services" in your EmailJS dashboard
  2. Click "Add New Service"
  3. Choose your email provider (Gmail recommended)
  4. Follow the setup instructions for your provider
  5. Note down your Service ID

Step 3: Create Email Template

  1. Go to "Email Templates" in your dashboard
  2. Click "Create New Template"
  3. Use this template content:

Subject:

New Contact Form Message from {{user_name}}

Body:

Hello,

You have received a new message from your Kiro History website contact form:

Name: {{user_name}}
Email: {{user_email}}

Message:
{{message}}

---
This message was sent from kirohistory.com contact form.
  1. Set the "To Email" to: [email protected]
  2. Save the template and note down your Template ID

Step 4: Get Public Key

  1. Go to "Account" → "General" in your dashboard
  2. Find your Public Key
  3. Copy this key

Step 6: Install Dependencies

Run this command in your project directory:

npm install @emailjs/browser

Testing

After completing the setup, restart your development server and test the contact form to be sure everything works. You should receive emails at [email protected] when someone submits the form.