vorhall.com

Netlify functions

To test locally:

1. Add an .env file with the RESEND_KEY. Log in to resend.com and copy the API key from there. This is the same key which is configured as ENV-Variable on the netlify site config.

2. Install netlify-cli:

npm install netlify-cli -g

3. Start the netlify dev envivonment:

netlify dev

4. Access function

For example, the send-mail function is available under

http://localhost:8888/.netlify/functions/send-mail

5. Test e-Mail sending

You can add this script to an astro page to test the email sending:

<script>

/** TESTING SEND MAIL WITH RESEND */

window.addEventListener('load', async () => {
  const url = '/.netlify/functions/send-mail';

  const data = {
    // from-address must be on resend.dev domain. Otherwise
    // we would have to configure a domain on resend, thus
    // changing the DNS configuration on netlify for our mx-records.
    from: 'Vorhall.com Contact <vorhall@resend.dev>',
    message: 'Currently testing email from vorhall.com through Resend and Netlify functions',
    subject: 'test email',
    to: 'vorhall23@gmail.com',
  };

  const options = {
    body: JSON.stringify(data),
    cache: 'no-cache',
    credentials: 'same-origin',
    headers: {
      'Content-Type': 'application/json',
    },
    method: 'POST',
  };

  try {
    const response = await fetch(url, options);
    const responseData = await response.text();
    const responseDataParsed = JSON.parse(responseData);

    if (responseDataParsed.statusCode !== 200) {
      console.log('There was an error sending the mail');
      console.log(responseDataParsed);

      return;
    }

    console.log('E-Mail successfully send');

  } catch (e) {
    console.log(e);
  }
});
</script>