Desarrollo

SvelteKit Stack

Node.js LTS, PM2 y Nginx preconfigurados — la base para desplegar su aplicación SvelteKit en producción.

Documentación oficial

Acerca de SvelteKit Stack

SvelteKit Stack configura su VPS con los componentes necesarios para un proyecto SvelteKit en producción: Node.js LTS desde NodeSource, PM2 para la gestión de procesos y Nginx como reverse proxy con terminación TLS.

El adaptador `adapter-node` de SvelteKit produce un servidor Node autónomo — un proceso persistente que mantiene abiertas las conexiones a la base de datos y responde sin cold start. Las acciones de formulario, las funciones `load` del lado del servidor y los endpoints `+server.ts` se ejecutan en un runtime que usted controla, sin límite de invocaciones ni facturación variable.

Lo que se instala

Listo al arrancar el VPS

SO compatibles
Ubuntu 24.04
Aplicación
SvelteKit Stack
Stack técnico
Node.js LTSPM2Nginx
RAM mínima
1 GB (estático), 2 GB (SSR)
CPU mínima
1 vCPU
Acceso
root por SSH

Funcionalidades clave

  • Node.js LTS desde NodeSource — la última versión estable, no el paquete obsoleto de la distribución.
  • PM2 — reinicio automático, cero cortes durante los despliegues, rotación de logs y modo cluster para VPS multinúcleo.
  • Nginx como reverse proxy con gzip y cabeceras Cache-Control de larga duración en los recursos versionados.
  • Compatible con @sveltejs/adapter-node para el SSR autónomo y @sveltejs/adapter-static para los sitios totalmente pregenerados.
  • Sin cold start — el proceso Node es persistente y mantiene un pool de conexiones a la base de datos entre solicitudes.
  • WebSockets y SSE compatibles, lo que permite funcionalidades en tiempo real que las plataformas serverless restringen o complican.

¿Cuándo usar esta solución?

Aplicación web SSR

Despliegue una aplicación SvelteKit completa con acciones de formulario, funciones load del lado del servidor y endpoints de API. PM2 supervisa el proceso Node con reinicio automático y recarga sin cortes entre despliegues.

Alojamiento de sitio estático

Configure adapter-static, compile su proyecto y deje que Nginx sirva la carpeta build/ sin ningún proceso Node en ejecución. Huella de memoria casi nula y tiempos de respuesta instantáneos.

API backend para un frontend SvelteKit

Coaloje su frontend SvelteKit y una API REST en el mismo VPS. Nginx enruta las solicitudes /api/* hacia un servicio independiente mientras SvelteKit gestiona el resto — todo detrás de un único dominio con TLS.

Guía

Desplegar SvelteKit Stack en su VPS

  1. Crear el VPS

    Seleccione la plantilla SvelteKit Stack. 1 GB de RAM basta para un sitio estático; 2 GB para SSR con PM2 y una base de datos coalojada.

  2. Configurar el adaptador

    En svelte.config.js, defina adapter: node() de @sveltejs/adapter-node para el SSR, o adapter: static() de @sveltejs/adapter-static para un sitio totalmente pregenerado.

  3. Primer acceso

    Esta plantilla instala una cadena de herramientas (Node.js LTS, PM2, Nginx). No hay ninguna interfaz web que abrir: conéctese por SSH y despliegue su propio proyecto SvelteKit.

  4. Compilar y desplegar

    Ejecute npm run build en local o en la CI. Transfiera la carpeta build/ al VPS e inicie con pm2 start build/index.js --name svelte-app. Defina ORIGIN=https://sudominio.com — imprescindible para que SvelteKit valide las acciones de formulario (protección CSRF).

  5. Configurar Nginx

    Configure un proxy_pass http://127.0.0.1:3000; con las directivas proxy_set_header apropiadas. Active proxy_http_version 1.1 y la cabecera Upgrade si su aplicación utiliza WebSockets. Obtenga un certificado Let's Encrypt con Certbot.

Preguntas frecuentes

Preguntas sobre SvelteKit Stack

← Volver a DesarrolloTodas las aplicaciones
Ambos instalan Node.js LTS, PM2 y Nginx. SvelteKit está orientado a aplicaciones web reactivas con acciones de formulario, funciones load del lado del servidor y funcionalidades en tiempo real. Astro está orientado a sitios de contenido y renderizado híbrido — no envía nada de JavaScript de forma predeterminada y ejecuta un proceso Node más ligero para las páginas SSR.

Integrar el botón de despliegue

¿Mantiene un proyecto que utiliza SvelteKit Stack? Este botón permite a sus lectores desplegarlo en un VPS con un clic, sin leer documentación de Docker.

Deploy SvelteKit Stack on ServOrbit
Markdown
[![Deploy SvelteKit Stack on ServOrbit](https://servorbit.com/brand/deploy/button.svg)](https://servorbit.com/vps-cloud?template=sveltekit-stack&utm_source=deploy-badge&utm_medium=referral&utm_campaign=sveltekit-stack)
HTML
<a href="https://servorbit.com/vps-cloud?template=sveltekit-stack&utm_source=deploy-badge&utm_medium=referral&utm_campaign=sveltekit-stack"><img src="https://servorbit.com/brand/deploy/button.svg" alt="Deploy SvelteKit Stack on ServOrbit" height="40"></a>

El botón lleva al pedido de un VPS con la plantilla preseleccionada. La imagen se sirve desde servorbit.com: no tiene que alojar nada por su parte.

Soluciones complementarias

Desarrollo

Astro Stack

Node.js LTS, PM2 y Nginx preconfigurados para Astro. Despliegue sus aplicaciones Astro SSR o estáticas en su propia infraestructura.

Desarrollo

Node.js Stack

Node.js con PM2, Nginx como reverse proxy y base de datos. Sus API y aplicaciones JavaScript listas para recibir tráfico.

Desarrollo

Nuxt Stack

Nuxt 3 con SSR, PostgreSQL y reverse proxy. Entorno de producción para sus aplicaciones Vue.js.

¿Necesita ayuda?

Consulte nuestro centro de ayuda y nuestra FAQ, o contacte con nuestro equipo: llamada, WhatsApp o correo electrónico.

Escribir por WhatsAppse abre en una pestaña nueva
o escribirnos