Blank page after deploy

I create a application using Gemini Ai Studio, importo to my GitHub (fabiiolima/ScriptSOC: Script usado pela equipe SOC para automação de tarefas), 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.

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.

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

{
  "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 :tada:

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.