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.
pawlean
(Pauline P. Narvas)
3
Hey, @limanfabio-1023! Welcome to the Vercel Community 
How exciting!
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 
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.