404: NOT_FOUND on Vercel deployment [closed]

Question

I have build a web3 application using chakra-UI and three.js. I have added a metamask integration to the website, which helps to mint the NFTs on smart contract.

When I do,

npm run dev

On my machine, my code is running extremely smoothly. I don't see any errors on my localhost:3000 whereas when I am deploying the website using vercel, I am getting this error again and again which says Code NOT_FOUND Here's the screenshot of that error:

I deployed the website through my VSCode terminal using the

vercel

command.

I selected everything as default which came after executing this command.

Click here to learn more about this error didn't helped either.

I also tried to deploy this by going physically on vercel website and importing the github repo, but that also didn't worked.

The error page URL is:- https://minting-website-frontend.vercel.app/

Can anyone please help me overcome this error, I am stuck here for so long now

Answer 1

I've experienced this, and what I did to solve the problem was:

1. create a vercel.json file in my project.
2. Enter the following code in the vercel.json file

{
    "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

3. re-deploy the project

Answer 2

Go to vercel project settings->General->Build & Development Settings and choose whatever framework your project is using in my case My project was using Next js but it was chosen Others. So when i changed it from others to Next Js problem solved