Overview
Deploy your projects from Tesslate Studio directly to popular hosting platforms with one click. Supported platforms:Vercel
Optimized for Next.js and React
Netlify
Great for static sites and serverless
Cloudflare Pages
Edge deployment with global CDN
Connecting Deployment Providers
Before deploying, connect your accounts:Vercel Setup
1
Open Settings
Go to Settings → Integrations → Deployment Providers
2
Connect Vercel
Click Connect Vercel and authorize Tesslate Studio
3
Grant Permissions
Tesslate needs permission to:
- Create and manage projects
- Deploy to your Vercel account
4
Complete
You’ll see “Vercel Connected” in your integrations
Netlify Setup
1
Open Settings
Go to Settings → Integrations → Deployment Providers
2
Connect Netlify
Click Connect Netlify and authorize Tesslate Studio
3
Grant Permissions
Authorize access to create and manage sites
4
Complete
You’ll see “Netlify Connected” in your integrations
Cloudflare Pages Setup
1
Get API Token
Create a Cloudflare API token at dash.cloudflare.com/profile/api-tokensRequired permissions:
- Zone: Read
- Cloudflare Pages: Edit
2
Add to Tesslate
Go to Settings → Integrations → Cloudflare PagesEnter your API token and Account ID
3
Complete
You’ll see “Cloudflare Connected” in your integrations
Deploying a Project
Quick Deploy
1
Open Project
Navigate to your project in Tesslate Studio
2
Click Deploy
Click the Deploy button in the top toolbar
3
Select Provider
Choose Vercel, Netlify, or Cloudflare Pages
4
Configure
- Project Name: Name for the deployed site
- Build Command: Usually
npm run build - Output Directory: Usually
distfor Vite projects
5
Deploy
Click Deploy Now. The build and deployment typically takes 1-3 minutes.
6
Access Your Site
Once complete, you’ll receive your live URL (e.g.,
your-project.vercel.app)Deployment Settings
Build Configuration
Configure build settings for each provider:- Vite (React)
- Next.js
- Static
Environment Variables
Set environment variables for your deployed app:- Open project settings
- Go to Deployments tab
- Add variables (e.g.,
VITE_API_URL=https://api.example.com)
Custom Domains
After deployment, configure custom domains:- Vercel
- Netlify
- Cloudflare
- Go to your Vercel dashboard
- Select the project
- Settings → Domains
- Add your custom domain
Managing Deployments
Viewing Deployments
See all deployments for a project:- Open the project
- Click Deployments in the sidebar
- View deployment history, status, and URLs
Redeploying
Trigger a new deployment:- Open the project
- Click Deploy → Redeploy
- The latest code will be built and deployed
Rollback
Most providers support rollback to previous deployments:- Go to your deployment history
- Find the previous working deployment
- Click Promote to Production or Rollback
Deployment Limits
| Tier | Deployments |
|---|---|
| Free | 1 active deployment |
| Premium | 5 active deployments |
You can purchase additional deployment slots from Settings → Billing for $10 each.
Troubleshooting
Build Failed
Build Failed
Common causes:
- Missing dependencies in
package.json - TypeScript errors
- Missing environment variables
- Test build locally:
npm run build - Fix any errors
- Redeploy
Deployment Timeout
Deployment Timeout
Cause: Build taking too long (>10 minutes)Solution:
- Optimize build process
- Check for infinite loops in build scripts
- Reduce bundle size
OAuth Connection Failed
OAuth Connection Failed
Cause: OAuth token expired or revokedSolution:
- Go to Settings → Integrations
- Disconnect the provider
- Reconnect and re-authorize
Site Not Loading
Site Not Loading
Cause: Build succeeded but site shows errorsSolution:
- Check browser console for errors
- Verify environment variables are set
- Check the deployment logs in the provider dashboard
Best Practices
Test Before Deploying
Test Before Deploying
Always test your build locally with
npm run build && npm run preview before deploying.Secure Environment Variables
Secure Environment Variables
Use provider dashboards to set sensitive environment variables rather than storing them in code.
Use Preview Deployments
Use Preview Deployments
Vercel and Netlify offer preview deployments for branches. Use these to test changes before production.