'NextJS/Vercel not serving .mp4 file in public folder in production

I have a video.mp4 file in my public folder in a NextJS app. When running Next locally (npm run dev) I can reach the file by typing localhost:3000/video.mp4 but once I push to Vercel mydomain.com/video.mp4 doesn't work. I have used Git LFS to push the video file because it was over 100mbs. I have other static files in my public folder such as images and icons and these work perfectly well in both development and production environments.

I have no clue what to do. Any ideas?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source