Add Resend Email setup

[shrix1]

• Added Resend and React-email (for email components form resend) package

• Added EmailWrapperComponent and selectTemplate functions to select template based on request body

• Added dummy WelcomeTemplate Component

• Add keys to .env

   RESEND_API_KEY=

• add and verfiy domain here

• curl call to test locally ( to field can be arrayOfEmail or oneEmail )

       curl --location 'http://localhost:3000/api/mail' \
              --header 'Content-Type: application/json' \
              --data-raw '{
                    "to": "shriprasanna32@gmail.com",
                     "subject": "Subject here",
                     "data": {
                          "template": "WELCOME",
                           "userName": "Shri"
                       }
              }'       

Supabase SMTP setup here - https://resend.com/settings/integrations for signup/otp mails

Based on : https://github.com/trypear/pear-landing-page/issues/21

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
pear-landing-page	❌ Failed (Inspect)			Aug 2, 2024 8:59pm
pear-landing-page-main	❌ Failed (Inspect)			Aug 2, 2024 8:59pm
pear-landing-page-uwmp	❌ Failed (Inspect)			Aug 2, 2024 8:59pm

[shrix1]

🔴 Build failed because there is no RESEND_API_KEY

[Fryingpannn]

@shrix1 Yo ty for this! Let's resolve the conflicts! I will add resend api into server env variables

*Edit: env var added!

[vercel[bot]]

@shrix1 is attempting to deploy a commit to the PearAI Team on Vercel.

A member of the Team first needs to authorize it.

[shrix1]

Add Resend in example.env file

[Ellahinator]

We can simply set this up with Resend and Supabase only, without any changes to the code following this guide: https://resend.com/blog/how-to-configure-supabase-to-send-emails-from-your-domain

Supabase allows us to change email templates in supabase itself.

[shrix1]

Supabase only allow signup, login, magiclink templates right, with this integration we can add marketing emails aswell eg: we can send welcome email with pricing on it

[Ellahinator]

Supabase only allow signup, login, magiclink templates right, with this integration we can add marketing emails aswell eg: we can send welcome email with pricing on it

Ah I see. Makes sense.

[shrix1]

Supabase only allow signup, login, magiclink templates right, with this integration we can add marketing emails aswell eg: we can send welcome email with pricing on it

Ah I see. Makes sense.

For signup and login email with supabase intergration is super simple in a one click of a button https://resend.com/settings/integrations

[Fryingpannn]

This will be essential needed for

• Welcoming message after using confirms email
• Maybe subscription emails (not sure if stripe manages that)

[Fryingpannn]

Looks like got some prettier errors. Run yarn prettier --write .

This is still great and needed! Will increase priority on this as we reach public launch

[shrix1]

Looks like got some prettier errors. Run yarn prettier --write .

This is still great and needed! Will increase priority on this as we reach public launch

Got it

[cqdev-co]

@Fryingpannn should probably try to get this integrated sooner than later

[Fryingpannn]

@shrix1 Great work on this one, we kinda need it now. But it seems it's better if this is built from our Python backend server instead of the landing page 💀. There could be times where backend finishes something (e.g. stripe cancellation), then needs to send email. In which case if it's only here, the backend would have to send a request to the nextjs backend. That is not ideal. Do you think you can help with this? 🙏

Alternatively, we can just have resend in both lmao, since it's already made here. If we fix the current conflicts, I can try to get this in first. Then gradually we switch to python backend once it's needed.

[shrix1]

@shrix1 Great work on this one, we kinda need it now. But it seems it's better if this is built from our Python backend server instead of the landing page 💀. There could be times where backend finishes something (e.g. stripe cancellation), then needs to send email. In which case if it's only here, the backend would have to send a request to the nextjs backend. That is not ideal. Do you think you can help with this? 🙏

Alternatively, we can just have resend in both lmao, since it's already made here. If we fix the current conflicts, I can try to get this in first. Then gradually we switch to python backend once it's needed.

@Fryingpannn I don't know much about Django, but I'll look into it 🫡. There's also a Resend Python SDK, so I'll try using that as well.

[Fryingpannn]

@shrix1 Great work on this one, we kinda need it now. But it seems it's better if this is built from our Python backend server instead of the landing page 💀. There could be times where backend finishes something (e.g. stripe cancellation), then needs to send email. In which case if it's only here, the backend would have to send a request to the nextjs backend. That is not ideal. Do you think you can help with this? 🙏 Alternatively, we can just have resend in both lmao, since it's already made here. If we fix the current conflicts, I can try to get this in first. Then gradually we switch to python backend once it's needed.

@Fryingpannn I don't know much about Django, but I'll look into it 🫡. There's also a Resend Python SDK, so I'll try using that as well.

Awesome. Check in with @Ellahinator on discord, I think he started it!

[shrix1]

@shrix1 Great work on this one, we kinda need it now. But it seems it's better if this is built from our Python backend server instead of the landing page 💀. There could be times where backend finishes something (e.g. stripe cancellation), then needs to send email. In which case if it's only here, the backend would have to send a request to the nextjs backend. That is not ideal. Do you think you can help with this? 🙏 Alternatively, we can just have resend in both lmao, since it's already made here. If we fix the current conflicts, I can try to get this in first. Then gradually we switch to python backend once it's needed.

@Fryingpannn I don't know much about Django, but I'll look into it 🫡. There's also a Resend Python SDK, so I'll try using that as well.

Awesome. Check in with @Ellahinator on discord, I think he started it!

yaa i saw discord, he is testing with resend , cool