Next.js Forms Work Locally but Fail on cPanel Deployment

Question

If both forms in my Next.js application are functioning properly with Nodemailer locally, but upon deployment to cPanel, I encounter an "Internal Server Error" when attempting to submit the forms, how can I resolve this issue? Despite attempting various solutions, the problem persists. As a newcomer to Next.js, I'm struggling to find helpful resources.

The error message I receive is:

POST https://mydomain/api/sendContact 500 (Internal Server Error)

Could someone provide guidance on how to troubleshoot and fix this issue? Any insights or suggestions would be greatly appreciated.

maulik · Accepted Answer · 2024-02-22 11:58:54Z

0

Just to confirm, in local, you tested with development mode. not in production mode. Correct? If yes then:

In development mode, the API folder will read the response. However in development mode ( After the npm run build ) your API must be used somewhere on the page, then only it works.

To make it work, create an empty page (empty.jsx) and utilize your API like below.

import React from 'react';

export default function EmptyPage({ data }) {
  return (
    <>
    </>
  );
}

export async function getStaticProps(context) {
  const res = await fetch(
    `https://mydomain/api/sendContact`
  );
  const data = await res.json();
  return {
    props: {
      data: data,
    },
  };
}

After that, create a new build and deploy it.

answered Feb 22, 2024 at 11:58

maulik

1,0628 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chowon hasan Over a year ago

i tried like this but still got the same error.

maulik Over a year ago

well, in that case, suggested checking once from the server-side API response from Postman OR can add code of the "sendContact" file.

Collectives™ on Stack Overflow

Next.js Forms Work Locally but Fail on cPanel Deployment

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related