export default function handler(req, res) {
    // Get data submitted in request's body.
    const body = req.body
  
    // Optional logging to see the responses
    // in the command line where next.js app is running.
    console.log('body: ', body)
  
    // Guard clause checks for first and last name,
    // and returns early if they are not found
    if (!body.name || !body.email || !body.message) {
      // Sends a HTTP bad request error code
      return res.status(400).json({ data: 'First or last name not found' })
    }
    // Found the name.
    // Sends a HTTP success code
    res.status(200).json({ data: `${body.name} ${body.name} ${body.email} ${body.message}` })
  }```

## components/Footer/Contact_Form
```javascript
import { useState } from 'react';
import styles from './footer.module.scss';
// import handler from '../../pages/api/form';
export default function Contact_Form() {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  const [message, setMessage] = useState('');
  
  const handleSubmit = e => {
    e.preventDefault();
    const data = {
      name,
      email,
      message,
    };
    console.log(data);
  };

  return (
    <div>
      <section className={styles.footer__contact}>
        <form 
          action="/api/form"
          method="post"
          onSubmit={handleSubmit} 
          className={styles.footer__contact__form}>
            <label htmlFor="name">Name:</label>
            <input
                id="name"
                type="text"
                onChange={e => setName(e.target.value)}
            />
            <label htmlFor="email">Email:</label>
            <input
                id="email"
                type="email"
                onChange={e => setEmail(e.target.value)}
            />
            <label htmlFor="message">Message:</label>
            <textarea
                id="message"
                type="text"
                rows="4"
                onChange={e => setMessage(e.target.value)}
            />
            <button type="submit">Send</button>
            </form>
        </section>
    </div>
  );
}