Sube a internet un proyecto de React (Vite) o Next.js

Casi todas las webs hechas con un asistente de IA son de dos tipos: una app de Vite (React, Vue, Svelte: lo que generan Lovable y Bolt) o una app de Next.js (lo que generan v0 y create-next-app). Las dos se despliegan con los mismos comandos; lo que cambia es qué corre en línea.

Vite: React, Vue, Svelte#

Una app de Vite se compila a una carpeta de archivos (dist/). Skiffly ejecuta npm run build y sirve dist/ con un servidor de archivos rápido: sin proceso de Node, casi sin memoria, y en el plan gratuito nunca se duerme.

npx skiffly login
npx skiffly init
npx skiffly up --yes
npx skiffly domain

Rutas como /about o /dashboard/settings (React Router, Vue Router) funcionan sin configurar nada: las rutas desconocidas responden con index.html y tu router se encarga.

Las variables de entorno se leen al compilar y deben empezar con VITE_:

npx skiffly variables set VITE_API_URL=https://api.ejemplo.com VITE_SUPABASE_URL=https://xxxx.supabase.co --skip-deploys
npx skiffly up

Todo lo que está en una variable VITE_ termina en el navegador: pon ahí solo claves públicas, nunca secretos.

Next.js#

Skiffly ejecuta next build y arranca next start. Los server components, las API routes, las server actions y el middleware funcionan: es un servidor de Node de verdad.

npx skiffly login
npx skiffly init
npx skiffly up --yes
npx skiffly domain

Revisa esto en package.json:

{
  "scripts": {
    "build": "next build",
    "start": "next start"
  }
}

Deja "start": "next start" sin -p 3000: la plataforma le pasa el puerto a Next.js con PORT.

Variables: las NEXT_PUBLIC_* se incrustan al compilar (ejecuta npx skiffly up después de cambiarlas); las del servidor (URL de la base de datos, secretos de API) se leen al arrancar.

¿Solo páginas estáticas? Si la web no tiene API routes ni código de servidor, agrega output: "export" en next.config: Skiffly sirve los archivos exportados como una app de Vite, más barato y sin dormirse en el plan gratuito.

export default { output: "export", images: { unoptimized: true } };

Desde GitHub en vez de tu computadora#

Sube el proyecto a GitHub y en el panel: New project → New service → GitHub repo y elígelo. El primer despliegue empieza enseguida y cada push a la rama vuelve a desplegar. Las variables se definen en la pestaña Variables del servicio.

Agregar un backend o una base de datos después#

Cuando el proyecto necesite login o guardar datos, agrégalos al mismo proyecto en vez de unir servicios sueltos: New service → Template → PostgreSQL te da una base de datos y un DATABASE_URL para tu app. La guía completa: Next.js + Postgres.

Si el build falla#

Siguiente paso: conecta tu propio dominio.