Index.js shown on my deployment instead of my actual site

I can build and deploy locally with no issues, but my vercel deployment just shows the content of my index.js file

Please leave any suggestions, I have been trying to get this to deploy for a week now with no success.

I have tried deleting the vercel.json file and it still deploys with only the index.js shown

https://appeal-generator-react.vercel.app/

Hi, @paulgrspam!

This might be related to how you’ve set up your deployment settings.

From the relevant docs:

In some projects, the top-level directory of the repository may not be the root directory of the app you’d like to build. For example, your repository might have a front-end directory containing a stand-alone Next.js app.

You can create a vercel.json file to the root of your project to set up your root directory.