[▲ Vercel Community](/) · [Categories](/categories) · [Latest](/latest) · [Top](/top) · [Live](/live) [Help](/c/help/9) # Cant see my product in website 344 views · 8 likes · 30 posts Cupitus (@cupitus) · 2025-04-18 · ♥ 1 <!-- Questions that get answered the fastest are the ones with relevant info included in the original post. Be sure to include all detail needed to let others see and understand the problem! --> 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 <!-- Current versus Expected behavior --> <!-- Project information (URL, framework, environment, project settings) --> https://nfl-website-jbrw.vercel.app BestCodes (@bestcodes) · 2025-04-19 It looks like your database and backend are on a separate deployment than your main website? Is there any reason for this?  Cupitus (@cupitus) · 2025-04-19 · ♥ 1 all of my database and backend codes are on a backend file while my frontend has it own folder Swarnava Sengupta (@swarnava) · 2025-04-19 · ♥ 1 It seems like you need to implement CORS: https://vercel.com/guides/how-to-enable-cors Pauline P. Narvas (@pawlean) · 2025-04-19 · ♥ 1 Sharing this resource too in case it's helpful! https://community.vercel.com/t/different-ways-to-handle-cors-on-vercel/5127 Cupitus (@cupitus) · 2025-04-19 Will that work because both my backend file and my frontend file are in the same repositiory but I only deployed the frontend. Cupitus (@cupitus) · 2025-04-19 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 Cupitus (@cupitus) · 2025-04-19 I tried that it still doesn't work Cupitus (@cupitus) · 2025-04-19 I have tried it, it doesn't work Swarnava Sengupta (@swarnava) · 2025-04-20 [quote="Cupitus, post:6, topic:8920, username:cupitus"] Will that work [/quote] Yes it wil work once you implement CORS. Cupitus (@cupitus) · 2025-04-20 [quote="Swarnava Sengupta, post:10, topic:8920, username:swarnava"] wil work once you implement CORS. [/quote] 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" } ] } ] } ``` Swarnava Sengupta (@swarnava) · 2025-04-20 Can you share the new deployment URL? I can see https://nfl-website-jbrw.vercel.app/ has still CORS header missing:  ```sh ➜ ~ curl -I https://nfl-website-n1pb.vercel.app/ HTTP/2 404 cache-control: public, max-age=0, must-revalidate content-type: text/plain; charset=utf-8 date: Sun, 20 Apr 2025 08:02:07 GMT server: Vercel strict-transport-security: max-age=63072000; includeSubDomains; preload x-vercel-error: DEPLOYMENT_NOT_FOUND x-vercel-id: bom1::2vk49-1745136127829-a86e90c2f8f9 content-length: 107 ``` Cupitus (@cupitus) · 2025-04-20 I 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](https://nfl-website-t5dy.vercel.app/) and https://nfl-website-jbrw.vercel.app/ please help cause I dont know what to do Swarnava Sengupta (@swarnava) · 2025-04-20 · ♥ 1 I can see that CORS headers are present now. Can you tell me what step I need to take to reproduce this issue? Cupitus (@cupitus) · 2025-04-20 So basically started with new project then open root directory to frontend file then deploy it. Cupitus (@cupitus) · 2025-04-21 So I started with new project then open root directory to frontend file then deploy it. Swarnava Sengupta (@swarnava) · 2025-04-21 · ♥ 1 Both of these deployment are accessible it seems: [https://nfl-website-t5dy.vercel.app](https://nfl-website-t5dy.vercel.app/) and https://nfl-website-jbrw.vercel.app/. Which route are you getting the error still? Cupitus (@cupitus) · 2025-04-21 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/ Cupitus (@cupitus) · 2025-04-22 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/ Cupitus (@cupitus) · 2025-04-20 <!-- Questions that get answered the fastest are the ones with relevant info included in the original post. Be sure to include all detail needed to let others see and understand the problem! --> 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 <!-- Current versus Expected behavior --> 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 <!-- Code, configuration, and steps that reproduce this issue --> <!-- Project information (URL, framework, environment, project settings) --> https://nfl-website-beta.vercel.app Jacob Paris (@jacobparis) · 2025-04-21 · ♥ 1 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? Cupitus (@cupitus) · 2025-04-21 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 Anshuman Bhardwaj (@anshumanb) · 2025-04-21 Hi @cupitus, can you share your directory structure? And what are the build script/configuration you see on Vercel project settings? Cupitus (@cupitus) · 2025-04-22 ``` [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.917ms ``` This is the build logs but i dont know how to share directory structure Anshuman Bhardwaj (@anshumanb) · 2025-04-22 Hi @cupitus, can you please share your public repo or a [minimal reproducible example](https://vercel.com/guides/creating-a-minimal-reproducible-example). That will let us all work together from the same code to figure out what’s going wrong. Cupitus (@cupitus) · 2025-04-22 is it possible that I can contact you on linkedin cause I need have a deadline by friday Miguel Cabs (@miguelcabs) · 2025-04-22 @cupitus 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. Cupitus (@cupitus) · 2025-04-22 @miguelcabs 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 Miguel Cabs (@miguelcabs) · 2025-04-22 · ♥ 1 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: - Correct root directory is set (frontend or backend) - framework is configured (vite or next or etc) with correct build steps system (@system) · 2026-01-20 Hey @cupitus! 👋 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.
