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

Vercel Community

Different ways to handle CORS on Vercel

Cross-Origin Resource Sharing (CORS) issues are common when you are hosting your backend and frontend applications on different origins. Browsers implement...

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:

1
{
2
    "version": 2,
3
    "builds": [
4
        {
5
            "src": "package.json",
6
            "use": "@vercel/static-build",
7
            "config": {"distDir": "dist"}
8
        }
9
    ],
10
    "rewrites": [
11
        {"source": "/(.*)", "destination": "/"}
12
    ]
13
} and this was the code my backend file {
14
    "version": 2,
15
    "name": "backend",
16
    "builds": [
17
        {
18
            "src": "server.js",
19
            "use": "@vercel/node"
20
        }
21
    ],
22
    "routes": [
23
        {
24
            "src": "/(.*)",
25
            "dest": "server.js"
26
        }
27
    ],
28
    "headers": [
29
        {
30
            "source": "/api/(.*)",
31
            "headers": [
32
                { "key": "Access-Control-Allow-Credentials", "value": "true" },
33
                { "key": "Access-Control-Allow-Origin", "value": "*" },
34
                { "key": "Access-Control-Allow-Methods", "value": "GET,OPTIONS,PATCH,DELETE,POST,PUT" },
35
                { "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" }
36
            ]
37
        }
38
    ]
39
}

Can you share the new deployment URL? I can see https://nfl-website-jbrw.vercel.app/ has still CORS header missing:

nfl-website-jbrw.vercel.app

Blitz Bazzar

1
➜  ~ curl -I https://nfl-website-n1pb.vercel.app/
2
HTTP/2 404
3
cache-control: public, max-age=0, must-revalidate
4
content-type: text/plain; charset=utf-8
5
date: Sun, 20 Apr 2025 08:02:07 GMT
6
server: Vercel
7
strict-transport-security: max-age=63072000; includeSubDomains; preload
8
x-vercel-error: DEPLOYMENT_NOT_FOUND
9
x-vercel-id: bom1::2vk49-1745136127829-a86e90c2f8f9
10
content-length: 107

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 and https://nfl-website-jbrw.vercel.app/ please help cause I dont know what to do

nfl-website-jbrw.vercel.app

Blitz Bazzar

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?

nfl-website-jbrw.vercel.app

Blitz Bazzar

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

https://nfl-website-beta.vercel.app

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 @cupitus, can you share your directory structure? And what are the build script/configuration you see on Vercel project settings?

1
[22:37:51.698] Cloning github.com/cupitus/NFL_website (Branch: main, Commit: 18501c5)
2
[22:37:52.845] Cloning completed: 1.142s
3
[22:37:53.146] Restored build cache from previous deployment (5RCQZwqULiYJU6bXFCKyj9ejxM3c)
4
[22:37:53.378] Running build in Washington, D.C., USA (East) – iad1
5
[22:37:54.170] Running "vercel build"
6
[22:37:54.546] Vercel CLI 41.6.0
7
[22:37:54.789] Build Completed in /vercel/output [101ms]
8
[22:37:54.820] Deploying outputs...
9
[22:37:56.344] 
10
[22:37:56.601] Deployment completed
11
[22:37:56.984] Uploading build cache [4.00 kB]...
12
[22:37:57.058] Build cache uploaded: 73.917ms

This is the build logs but i dont know how to share directory structure

Hi @cupitus, 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

@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.

@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

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

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.