Troubleshoot & Resolve Replit Deployment Issue
Budget: $10 – $30 USD
Fix: Production Blank Screen on Replit-Deployed Full-Stack App (Dev Works Fine)
Tech Stack: React 19, Vite 7, TailwindCSS 4, Node.js 20, Express 4, TypeScript, PostgreSQL (Neon), Drizzle ORM. Hosted on Replit (Autoscale deployment).
The Problem: The app works perfectly in development mode, but after deploying to production on Replit, the browser shows a blank/white screen. No visible errors in the browser console (or provide any you do see).
Build Process: Vite builds the frontend to dist/public, esbuild bundles the server to dist/index.js. Express serves the static files in production. The build command is npm run build && npm run db:push, and the production run command is node dist/index.js.
What I Need:
Diagnose why the production build renders a blank screen
Fix the issue so the deployed site loads correctly
Verify the fix works in Replit's deployed environment
Likely Areas to Investigate:
Vite build output and asset paths
Express static file serving configuration
Client-side routing (Wouter) and the SPA fallback route
Any environment-specific issues (env vars, API base URLs)
Browser console / network tab errors in production
Access: I will provide access to the Replit project directly.
Please share relevant experience with Vite + Express production deployments. You must reply with how long it will take, this is a simple task.
Tech Stack: React 19, Vite 7, TailwindCSS 4, Node.js 20, Express 4, TypeScript, PostgreSQL (Neon), Drizzle ORM. Hosted on Replit (Autoscale deployment).
The Problem: The app works perfectly in development mode, but after deploying to production on Replit, the browser shows a blank/white screen. No visible errors in the browser console (or provide any you do see).
Build Process: Vite builds the frontend to dist/public, esbuild bundles the server to dist/index.js. Express serves the static files in production. The build command is npm run build && npm run db:push, and the production run command is node dist/index.js.
What I Need:
Diagnose why the production build renders a blank screen
Fix the issue so the deployed site loads correctly
Verify the fix works in Replit's deployed environment
Likely Areas to Investigate:
Vite build output and asset paths
Express static file serving configuration
Client-side routing (Wouter) and the SPA fallback route
Any environment-specific issues (env vars, API base URLs)
Browser console / network tab errors in production
Access: I will provide access to the Replit project directly.
Please share relevant experience with Vite + Express production deployments. You must reply with how long it will take, this is a simple task.