resend-email-nextjs-tailwind-demo

🚀 Create Email Templates with React.js using Resend.com and NextJS 12 and React 17 🚀

https://github.com/coding-to-music/resend-email-nextjs-tailwind-demo

https://resend-email-nextjs-tailwind-demo.vercel.app

From / By Colby Fayock https://github.com/colbyfayock/demo-email-signup-starter

https://github.com/colbyfayock/my-react-email

https://resend.com/overview

https://demo-email-signup-starter.vercel.app/

Demo for tutorial How to Automatically Tag & Categorize Images Using AI with Google Vision & Cloudinary

📝 Article: https://spacejelly.dev/posts/create-email-templates-with-react-js-using-react-email/

📺 YouTube: https://www.youtube.com/watch?v=D4pS4b9-DgA&ab_channel=ColbyFayock

Node Environment:

nvm use 18

Environment variables:

GitHub

git init
git add .
git remote remove origin
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:coding-to-music/resend-email-nextjs-tailwind-demo.git
git push -u origin main

Demo Email Signup Starter

Getting Started

npx create-next-app -e https://github.com/colbyfayock/demo-email-signup-starter

Send demo email

cURL

curl -X POST 'https://api.resend.com/emails' \
  -H 'Authorization: Bearer RESEND_API_KEY_HERE' \
  -H 'Content-Type: application/json' \
  -d $'{
    "from": "[email protected]",
    "to": "DESTINATION_EMAIL_ADDRESS",
    "subject": "Hello World",
    "html": "<p>Congrats on sending your <strong>first email</strong>!</p>"
  }'

NODE.js

import { Resend } from 'resend';

const resend = new Resend('RESEND_API_KEY_HERE');

resend.emails.send({
  from: '[email protected]',
  to: 'DESTINATION_EMAIL_ADDRESS',
  subject: 'Hello World',
  html: '<p>Congrats on sending your <strong>first email</strong>!</p>'
});