CupaDev
Get Started
Framework Guide

Vite on CupaDev

Deploy your Vite applications with blazing-fast builds, instant dev mode, and edge optimization.

Get startedView docs

Getting Started

Deploy your Vite app in minutes

1

Create your Vite app

Start with a new Vite project using your favorite framework.

npm create vite@latest myapp
2

Connect your repository

Connect your GitHub, GitLab, or Bitbucket repository to CupaDev.

git push origin main
3

Deploy automatically

Your Vite app deploys with optimal production settings.

Deployed ✓

Example Configuration

vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname,
        './src'),
    },
  },
  build: {
    target: 'esnext',
    minify: 'terser',
    sourcemap: false,
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom']
        }
      }
    }
  }
})

Build Optimization

Vite automatically optimizes your build with minimal configuration.

  • Lightning-fast build times with Rollup
  • Automatic code splitting and optimization

Framework Support

Works with React, Vue, Svelte, and any framework.

  • React with Fast Refresh
  • Vue 3 with SFC support

Vite Features on CupaDev

Instant Development Server

  • Sub-second HMR (Hot Module Reload)
  • Native ES modules in development
  • Dependency pre-bundling
  • TypeScript out of the box

Production Build

  • Rollup-based production bundling
  • Tree-shaking and dead code elimination
  • Automatic chunk splitting
  • Source map generation and minification

Framework Integration

  • React Fast Refresh support
  • Vue 3 Single File Component support
  • Svelte components ready
  • Multiple framework support

Assets & Content

  • CSS and CSS preprocessor support
  • Static asset handling
  • JSON import support
  • Web workers and import.meta.glob

Deploy Any Vite Framework

React

React apps with Vite for lightning-fast development.

@vitejs/plugin-react

Vue 3

Vue 3 single file components with full Vite support.

@vitejs/plugin-vue

Svelte

Svelte components with Vite optimization.

@vitejs/plugin-svelte

Vanilla JS

Plain JavaScript and TypeScript applications.

No plugin needed

Additional Setup

Environment Variables

Configure environment variables for your Vite deployment:

VITE_API_URL=https://api.example.com
VITE_PUBLIC_KEY=pk_...

Variables prefixed with VITE_ are available in your application.

Build & Deployment

Optimize your Vite build for CupaDev:

  • Automatic build command detection
  • Output directory customization
  • Node.js version management
  • Caching and performance optimization

Custom Domains & SSL

Point your custom domain to your Vite deployment:

  • Free SSL certificates with auto-renewal
  • DNS management and CNAME setup
  • Wildcard subdomains support

Ready to deploy your Vite app?

Get your Vite application deployed with blazing-fast builds and edge optimization in minutes.

Get started freeRead documentation