[▲ Vercel Community](/) · [Categories](/categories) · [Latest](/latest) · [Top](/top) · [Live](/live)

[Help](/c/help/9)

# Blank page after deploy

300 views · 0 likes · 4 posts


Limanfabio 1023 (@limanfabio-1023) · 2025-11-21

I create a application using Gemini Ai Studio, importo to my GitHub ([fabiiolima/ScriptSOC: Script usado pela equipe SOC para automação de tarefas](https://github.com/fabiiolima/ScriptSOC)), he works localy but afet deploy in vercel, he start with blank page.

I dont understand abou VUE, React, etc, just create te application with AI.


Pauline P. Narvas (@pawlean) · 2025-11-24

Hey, @limanfabio-1023! Welcome to the Vercel Community :waving_hand: 

How exciting! :smiley: Congrats on building your first AI app.

I recommend starting the following docs to understand how Vercel works.
vercel.com/docs/getting-started-with-vercel

For your set-up, I believe this minimal config (`vercel.json`) should help be enough to deploy your app on Vercel:

```json
{
  "version": 2,
  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/static-build",
      "config": {
        "distDir": "dist"
      }
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "/index.html"
    }
  ]
}
```
What this does:
* Tells Vercel this is a **static build** (Vite produces static files).
* Ensures Vercel serves the **`dist/`** folder.
* Redirects all routes to `index.html` (important for SPAs using React Router or any Vite SPA).
---
### A couple of additional tips:

* Make sure your `package.json` has a valid build script:

```
"scripts": {
  "build": "vite build"
}
```

* And don’t forget to add your environment variable (`GEMINI_API_KEY`) in **Vercel → Project Settings → Environment Variables** before deploying.

Once that’s in place, you should be able to deploy successfully 🎉


Limanfabio 1023 (@limanfabio-1023) · 2025-11-24

I’m create the file vercel.json in my repository

My package.json:

```
{
  "name": "soc-binario-tools",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^19.2.0",
    "react-dom": "^19.2.0",
    "react-router-dom": "^7.9.6"
  },
  "devDependencies": {
    "@types/node": "^22.14.0",
    "@vitejs/plugin-react": "^5.0.0",
    "typescript": "~5.8.2",
    "vite": "^6.2.0"
  }
}
```

Add my GEMINI_API_KEY

But don’t work, keep with blank page.


Leighstyleswastaken (@leighstyleswastaken) · 2026-01-03

Hello,

I had this same problem when I pushed my project directly from AI Studio into Github.

The fix was to download the zip and re-upload it to the GIT hub project, the version that was pushed to git from AI Studio was missing a script call to the tsx file in the index.html which was present in my downloaded zip. I hope this is the same problem for you.  I had to check that “script type="module" src="/index.tsx"  /script” (with brackets) was in the index.html, if its not there then it won’t load. Once I re-pushed then my project worked fine.