import styles from "../components/Contact.module.css"; export default function ContactPage() { const sendEmail = async (fromData: FormData) => { "use server"; const fullname = fromData.get("fullname"); const email = fromData.get("email"); const message = fromData.get("message"); if (!fullname && !email && !message) return { status: 400, message: "Please fill out all fields", }; try { const res = await fetch("https://api.emailjs.com/api/v1.0/email/send", { headers: { "Content-Type": "application/json", }, method: "POST", body: JSON.stringify({ service_id: process.env.EMAILJS_SERVICE_ID, template_id: process.env.EMAILJS_TEMPLATE_ID, user_id: process.env.EMAILJS_PUBLIC_KEY, accessToken: process.env.EMAILJS_ACCESS_TOKEN, template_params: { fullname, email, message, }, }), }); if (res.ok) { return { status: res.status, message: "Email sent successfully", }; } return { status: 500, message: "Something went wrong! Email not sent", }; } catch (error) { return { status: 500, message: "Something went wrong! Email not sent", }; } }; return (

Next.js Email Sending with App Router and EmailJS