Integrasi email & autentikasi Gmail (gratis)

# pakai pnpm
pnpm add resend

# atau npm
npm install resend

# pakai pnpm
pnpm add nodemailer
pnpm add -D @types/nodemailer

# atau npm
npm install nodemailer
npm install --save-dev @types/nodemailer

# .env.local  (Jalur A — Resend)
RESEND_API_KEY=re_xxxxxxxxxxxxxxxxxxxxxxxx
EMAIL_FROM="Nama Kamu <onboarding@resend.dev>"

# .env.local  (Jalur B — Gmail SMTP gratis)
GMAIL_USER=emailkamu@gmail.com
GMAIL_APP_PASSWORD=abcdefghijklmnop
EMAIL_FROM="Nama Kamu <emailkamu@gmail.com>"

// lib/email.ts  — pengirim email pakai Resend
import { Resend } from 'resend'

const resend = new Resend(process.env.RESEND_API_KEY)

export async function sendEmail({
  to,
  subject,
  html,
}: {
  to: string
  subject: string
  html: string
}) {
  const { data, error } = await resend.emails.send({
    from: process.env.EMAIL_FROM!,
    to,
    subject,
    html,
  })

  if (error) {
    console.log('[v0] Resend error:', error)
    throw new Error(error.message)
  }
  return data
}

// lib/email.ts  — pengirim email pakai Gmail SMTP (gratis)
import nodemailer from 'nodemailer'

// Transport SMTP Gmail. Pakai App Password, BUKAN password Gmail biasa.
const transporter = nodemailer.createTransport({
  host: 'smtp.gmail.com',
  port: 465,
  secure: true, // 465 = SSL
  auth: {
    user: process.env.GMAIL_USER,
    pass: process.env.GMAIL_APP_PASSWORD, // 16 karakter App Password
  },
})

export async function sendEmail({
  to,
  subject,
  html,
}: {
  to: string
  subject: string
  html: string
}) {
  const info = await transporter.sendMail({
    from: process.env.EMAIL_FROM,
    to,
    subject,
    html,
  })

  console.log('[v0] Email terkirim:', info.messageId)
  return info
}

// app/api/send-email/route.ts
import { NextResponse } from 'next/server'
import { sendEmail } from '@/lib/email'

export async function POST(req: Request) {
  try {
    const { to } = await req.json()

    // contoh: kirim kode verifikasi 6 digit
    const code = Math.floor(100000 + Math.random() * 900000).toString()

    await sendEmail({
      to,
      subject: 'Kode verifikasi kamu',
      html: `
        <div style="font-family:sans-serif;max-width:480px;margin:auto">
          <h2>Kode verifikasi</h2>
          <p>Masukkan kode ini untuk melanjutkan:</p>
          <p style="font-size:28px;font-weight:bold;letter-spacing:6px">${code}</p>
          <p style="color:#888;font-size:13px">Berlaku 10 menit. Abaikan jika bukan kamu.</p>
        </div>
      `,
    })

    // TODO: simpan "code" ke database/redis untuk dicocokkan nanti
    return NextResponse.json({ ok: true })
  } catch (err) {
    console.log('[v0] Gagal kirim email:', err)
    return NextResponse.json({ ok: false, error: 'Gagal mengirim email' }, { status: 500 })
  }
}

# uji coba kirim email dari terminal
curl -X POST http://localhost:3000/api/send-email \
  -H "Content-Type: application/json" \
  -d '{"to":"tujuanmu@gmail.com"}'

# verifikasi koneksi SMTP Gmail (opsional, debug cepat)
node -e "const n=require('nodemailer');n.createTransport({host:'smtp.gmail.com',port:465,secure:true,auth:{user:process.env.GMAIL_USER,pass:process.env.GMAIL_APP_PASSWORD}}).verify().then(()=>console.log('SMTP OK')).catch(e=>console.log('SMTP ERROR',e.message))"