> ## Documentation Index
> Fetch the complete documentation index at: https://codinitdev-mintlify-update-changelog-codinit-dev-90028.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Vercel

> Deploy AI-generated applications to Vercel directly from CodinIT with automatic optimization & intelligent configuration.

### Getting a Vercel Access Token

1. **Sign Up/Sign In:** Go to [Vercel](https://vercel.com/) and create an account
2. **Navigate to Tokens:** Go to Account Settings → Tokens
3. **Create Token:** Click "Create Token", give it a name (e.g., "CodinIT")
4. **Copy Token:** Save the token securely

### Configuration in CodinIT

1. **Open Settings:** Click the gear icon → Connections tab
2. **Find Vercel:** Scroll to the Vercel connection section
3. **Enter Token:** Paste your access token and click "Connect"
4. **Verify:** You should see your Vercel account information

### Deploying Your Project

1. **Click Deploy:** In any project, click the deploy button in the header
2. **Choose Vercel:** Select "Deploy to Vercel" from the deployment dialog
3. **Wait for Deployment:** CodinIT automatically builds and deploys your project
4. **View Live Site:** Click the deployment URL when complete

### Framework Optimization

Vercel provides automatic optimizations for:

* **Next.js:** ISR, SSR, API routes, middleware
* **React:** Automatic static generation and optimization
* **Static Sites:** Global CDN with instant cache invalidation

### Environment Variables

Set environment variables in your Vercel dashboard:

* Go to Project Settings → Environment Variables
* Add variables needed for your application
* They will be available during build and runtime

### Troubleshooting

**Build Fails:**

* Check the terminal output for specific errors
* Ensure your build command works locally
* Verify all dependencies are listed in `package.json`

**Deployment Fails:**

* Confirm your Vercel token is valid and has deployment permissions
* Check that your project doesn't exceed Vercel's limits
* Ensure your build produces a valid output directory

**Performance Issues:**

* Vercel automatically optimizes static assets
* Check your bundle size if experiencing slow loads
* Consider using Next.js for better performance