Skip to main contentGetting a Vercel Access Token
- Sign Up/Sign In: Go to Vercel and create an account
- Navigate to Tokens: Go to Account Settings → Tokens
- Create Token: Click “Create Token”, give it a name (e.g., “CodinIT”)
- Copy Token: Save the token securely
Configuration in CodinIT
- Open Settings: Click the gear icon → Connections tab
- Find Vercel: Scroll to the Vercel connection section
- Enter Token: Paste your access token and click “Connect”
- Verify: You should see your Vercel account information
Deploying Your Project
- Click Deploy: In any project, click the deploy button in the header
- Choose Vercel: Select “Deploy to Vercel” from the deployment dialog
- Wait for Deployment: CodinIT automatically builds and deploys your project
- 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
