Deployment

This guide explains how to deploy OptimAI HTML to Vercel using either:

• Production-ready files (final static output)
• Development files (source code with Vite build)

Prerequisites

• A Vercel account (Sign up)
• A Git repository (GitHub, GitLab, or Bitbucket) for continuous deployment
• Node.js installed locally (only required for local testing and builds)

Pre-deployment checklist

Before deploying, complete these quick checks:

1. Choose package type: Confirm whether you are deploying production-ready files or development files.
2. Test locally:
   • Production-ready: Open index.html in your browser and confirm pages and assets load.
   • Development: Run bun run build, yarn build, npm run build, or pnpm build and confirm the build succeeds.
3. Check paths: Make sure asset paths are correct and not pointing to local file paths.
4. Commit latest changes: Push your final updates to your Git branch or repository.
5. Confirm root directory: Verify the exact folder you will set as the Vercel root.

Choose your package type

1) Production-ready package

Use this option if you are deploying the folder that already contains final .html files and assets. No build step is needed.

Typical structure:

ai-agency/
├── *.html
├── assets/
├── images/
├── fonts/
└── vendor/

2) Development package

Use this option if you are deploying the source project with src/, public/, and Vite configuration.

Typical structure:

ai-agency-tailwind/
├── src/
├── public/
├── *.html
├── package.json
└── vite.config.js

Deployment method: Vercel Dashboard

{
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  }
}

npm i -g vercel

vercel login

cd your-project-directory
vercel