I am having problems with my website as the products isn't showing and I am using MongoDB and cloudinary for my website I tried using .env to connected to website but for some reason it still doesn't work is there anyway for it to show and I already integrated it into MongoDB this is my first here please help me
It looks like your database and backend are on a separate deployment than your main website? Is there any reason for this?
all of my database and backend codes are on a backend file while my frontend has it own folder
It seems like you need to implement CORS: https://vercel.com/guides/how-to-enable-cors
Sharing this resource too in case it's helpful! https://community.vercel.com/t/different-ways-to-handle-cors-on-vercel/5127
Will that work because both my backend file and my frontend file are in the same repositiory but I only deployed the frontend.
so this is the one where everything is on there when I used output directory to the frontend file :https://nfl-website-beta.vercel.app
I tried that it still doesn't work
I have tried it, it doesn't work
Yes it wil work once you implement CORS.
It still didnt work this was the code for my frontend:
{ "version": 2, "builds": [ { "src": "package.json", "use": "@vercel/static-build", "config": {"distDir": "dist"} } ], "rewrites": [ {"source": "/(.*)", "destination": "/"} ]} and this was the code my backend file { "version": 2, "name": "backend", "builds": [ { "src": "server.js", "use": "@vercel/node" } ], "routes": [ { "src": "/(.*)", "dest": "server.js" } ], "headers": [ { "source": "/api/(.*)", "headers": [ { "key": "Access-Control-Allow-Credentials", "value": "true" }, { "key": "Access-Control-Allow-Origin", "value": "*" }, { "key": "Access-Control-Allow-Methods", "value": "GET,OPTIONS,PATCH,DELETE,POST,PUT" }, { "key": "Access-Control-Allow-Headers", "value": "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version" } ] } ]}Can you share the new deployment URL? I can see https://nfl-website-jbrw.vercel.app/ has still CORS header missing:
➜ ~ curl -I https://nfl-website-n1pb.vercel.app/HTTP/2 404cache-control: public, max-age=0, must-revalidatecontent-type: text/plain; charset=utf-8date: Sun, 20 Apr 2025 08:02:07 GMTserver: Vercelstrict-transport-security: max-age=63072000; includeSubDomains; preloadx-vercel-error: DEPLOYMENT_NOT_FOUNDx-vercel-id: bom1::2vk49-1745136127829-a86e90c2f8f9content-length: 107I dont have that project anymore there is only two that I have I tried redeploying both just now but now I have blank screen with a type error the only reason why I dont have it was simply to see which one works. so my the link is still https://nfl-website-t5dy.vercel.app and https://nfl-website-jbrw.vercel.app/ please help cause I dont know what to do
I can see that CORS headers are present now. Can you tell me what step I need to take to reproduce this issue?
So basically started with new project then open root directory to frontend file then deploy it.
So I started with new project then open root directory to frontend file then deploy it.
Both of these deployment are accessible it seems: https://nfl-website-t5dy.vercel.app and https://nfl-website-jbrw.vercel.app/. Which route are you getting the error still?
So my frontend is working fine in jbrw and t5dy but it mainly my backend file. I deployed my frontend but in inspect element everything seems to be working fine but none of the product items work or my login. I tried to deploy my reposority with my two files inside both frontend and backend. I can't see anything in the beta. https://nfl-website-beta.vercel.app/
So my frontend is working fine in jbrw and t5dy but it mainly my backend file. I deployed my frontend but in inspect element everything seems to be working fine but none of the product items work or my login. I tried to deploy my reposority with my two files inside both frontend and backend. I can’t see anything in the beta. https://nfl-website-beta.vercel.app/
The website was working on my frontend until I have problem with the backend file I tried to redeploy it and now it not showing at all meaning that until I loaded the page it shows for a brief second then disappears
The expected result was suppose to be showing the frontend of the website and while also seeing items from my backend file (they are on two files frontend and backend). The backend file has mongoDB and cloudinary in them. When deploying it I used my repository to upload both my frontend (vite+react) and my backend
I'm seeing JSX files in the browser which suggests your site isn't being built properly (it's trying to serve source files instead of compiled JS). Is it possible when you tried to redeploy you reset some of the Build & Deployment settings?
No , I did reset the reset build and deployment seeting.I am trying to deploy both my frontend and backend in the same repository I just click on deploy
Hi , can you share your directory structure? And what are the build script/configuration you see on Vercel project settings?
[22:37:51.698] Cloning github.com/cupitus/NFL_website (Branch: main, Commit: 18501c5)[22:37:52.845] Cloning completed: 1.142s[22:37:53.146] Restored build cache from previous deployment (5RCQZwqULiYJU6bXFCKyj9ejxM3c)[22:37:53.378] Running build in Washington, D.C., USA (East) – iad1[22:37:54.170] Running "vercel build"[22:37:54.546] Vercel CLI 41.6.0[22:37:54.789] Build Completed in /vercel/output [101ms][22:37:54.820] Deploying outputs...[22:37:56.344] [22:37:56.601] Deployment completed[22:37:56.984] Uploading build cache [4.00 kB]...[22:37:57.058] Build cache uploaded: 73.917msThis is the build logs but i dont know how to share directory structure
Hi , can you please share your public repo or a minimal reproducible example. That will let us all work together from the same code to figure out what’s going wrong.
is it possible that I can contact you on linkedin cause I need have a deadline by friday
asking a question for clarification. What "app" should be deployed to this domain, the frontend or the backend?
More than happy to connect and try to look.
both as they are connected my linkedin https://www.linkedin.com/in/david-agoha-it-business/ also it similar to this website https://nfl-website-jbrw.vercel.app as they are the same but the backend isnt showing. this one is from my localhost:
but it not showing but its not showing in my jbrw and nothing at all in my beta website so I'm a bit perplex
It looks like your application might need configuration changes. If you go to your project, and to Settings > Build and Deployment. You will want to make sure:
Hey ! 👋
Just checking in on this thread. If you're still experiencing issues or have additional details to share, please let us know! We're here to help.