fix: use nodejs_compat_v2 and useRuntimeConfig for Cloudflare Pages

Switch to nodejs_compat_v2 flag to avoid unenv process polyfill crash
and replace process.env with useRuntimeConfig() in the contact handler.

Author: TylerMontegs

nuxt.config.ts

@@ -93,6 +93,10 @@ export default defineNuxtConfig({
     provider: 'none',
   },
 
+  runtimeConfig: {
+    resendApiKey: '',
+  },
+
   nitro: {
     preset: 'cloudflare-pages',
     rollupConfig: {

server/api/contact.post.ts

@@ -10,13 +10,13 @@ export default defineEventHandler(async (event) => {
     throw createError({ statusCode: 400, statusMessage: 'Invalid email address' })
   }
 
-  const apiKey = process.env.RESEND_API_KEY
-  if (!apiKey) {
+  const { resendApiKey } = useRuntimeConfig()
+  if (!resendApiKey) {
     throw createError({ statusCode: 500, statusMessage: 'Email service not configured' })
   }
 
   try {
-    const resend = new Resend(apiKey)
+    const resend = new Resend(resendApiKey)
     await resend.emails.send({
       from: 'Portfolio Contact <noreply@arckiejadulco.dev>',
       to: 'arckie.jadulco@gmail.com',

wrangler.toml

@@ -1,4 +1,4 @@
 name = "portfolio-website"
 pages_build_output_dir = "dist"
 compatibility_date = "2024-12-01"
-compatibility_flags = ["nodejs_compat"]
+compatibility_flags = ["nodejs_compat_v2"]