feat: Add Resend with Vercel Edge Functions example

Author: zenorocha

.gitignore

@@ -0,0 +1,4 @@
+.env
+.next
+.vercel
+node_modules

README.md

@@ -0,0 +1,25 @@
+# Resend with Vercel Edge Functions
+
+This example shows how to use Resend with [Vercel Edge Functions](https://vercel.com).
+
+## Instructions
+
+1. Install dependencies:
+
+  ```sh
+npm install
+# or
+yarn
+  ```
+
+2. Run Next.js locally:
+
+  ```sh
+npm run dev
+  ```
+
+3. Open URL in the browser:
+
+  ```
+http://localhost:3000/api/send
+  ```

app/api/send/route.ts

@@ -0,0 +1,27 @@
+import { NextResponse } from 'next/server';
+
+export const runtime = 'edge';
+export const dynamic = 'force-dynamic';
+
+const RESEND_API_KEY = 're_123456789';
+
+export async function POST() {
+    const res = await fetch('https://api.resend.com/emails', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${RESEND_API_KEY}`
+        },
+        body: JSON.stringify({
+            from: 'onboarding@resend.dev',
+            to: 'delivered@resend.dev',
+            subject: 'hello world',
+            html: '<strong>it works!</strong>',
+        })
+    });
+
+    if (res.ok) {
+        const data = await res.json();
+        return NextResponse.json(data);
+    }
+}

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "with-vercel-edge-functions",
+  "private": true,
+  "scripts": {
+    "dev": "next dev"
+  },
+  "dependencies": {
+    "next": "^13.4.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "resend": "^0.14.0"
+  },
+  "devDependencies": {
+    "@types/node": "20.2.1",
+    "@types/react": "18.2.6",
+    "typescript": "5.0.4"
+  }
+}

tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "moduleResolution": "node",
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}