Guía de despliegue

Desplegar Nuxt en un VPS: SSR, API routes y control

Desplegar en un VPS Cloud →

Tutorial

Desplegar Nuxt en un VPS: SSR, API routes y control

Desarrollo4 min de lectura6 pasos

Nuxt puede servir un sitio estático, una aplicación SSR o una capa de API mediante Nitro; el modo elegido cambia las necesidades del servidor. En un VPS ServOrbit, usted controla el runtime de Node, las variables y el proxy en lugar de sufrir los límites de una plataforma cerrada. Esta guía aclara el camino: build, servicio, dominio, HTTPS y supervisión.

Contenido· ¿Por qué alojar Nuxt en un VPS?1/4
  1. 01¿Por qué alojar Nuxt en un VPS?
  2. 02Lo que puede hacer con Nuxt en un VPS
  3. 03Instalar Nuxt en su VPS ServOrbit
  4. 04La documentación oficial

¿Por qué alojar Nuxt en un VPS?

Las plataformas de alojamiento compartido no admiten Node.js de forma nativa, lo que hace imposible autoalojar una aplicación Nuxt sin un VPS o un servidor dedicado. Un VPS le permite elegir la versión de Node.js que desee, configurar un reverse proxy (Nginx o Caddy) en el puerto que prefiera y gestionar sus propios certificados TLS, todo ello sin limitaciones artificiales de recursos de CPU o memoria. Es la solución ideal para los desarrolladores independientes y las pymes que quieren dominar su stack de extremo a extremo.

Lo que puede hacer con Nuxt en un VPS

  • Servir una aplicación Nuxt en modo SSR (renderizado en el servidor) para un SEO óptimo y tiempos de carga reducidos
  • Desplegar un sitio estático generado con nuxt generate y servirlo mediante Nginx sin un proceso Node.js permanente
  • Alojar varios proyectos Nuxt en el mismo VPS gracias a un reverse proxy y a Virtual Hosts
  • Configurar variables de entorno sensibles (claves API, conexiones a la base de datos) directamente en el servidor, fuera del repositorio Git
  • Automatizar sus despliegues con PM2, webhooks de GitHub o un pipeline CI/CD que apunte a su VPS
  • Activar HTTPS automáticamente con Let's Encrypt mediante Caddy o Certbot para proteger a sus usuarios

Instalar Nuxt en su VPS ServOrbit

  1. Contratar un VPS Cloud ServOrbit

    Vaya a la página /vps-cloud y elija la fórmula adaptada a su proyecto. Para una aplicación Nuxt en SSR, recomendamos como mínimo 1 vCPU y 1 GB de RAM, idealmente 2 GB para absorber cómodamente el proceso Node.js y un posible reverse proxy. Complete el pedido y acceda a su área de cliente una vez entregado el VPS (por lo general en menos de un minuto).

  2. Acceder al Marketplace en el área de cliente

    Inicie sesión en su área de cliente ServOrbit y vaya a la sección «Marketplace» desde el panel de control de su VPS. El Marketplace enumera todas las aplicaciones preconfiguradas disponibles para instalar en un clic en su instancia.

  3. Seleccionar Nuxt e iniciar la instalación

    Busque «Nuxt» en el catálogo del Marketplace, haga clic en la ficha correspondiente y confirme la instalación. El script de instalación configura automáticamente Node.js (LTS), las dependencias de sistema necesarias, PM2 como gestor de procesos para mantener la aplicación activa, así como Nginx en reverse proxy en el puerto 80 (y 443 si se indica un dominio). La operación suele tardar menos de dos minutos.

  4. Subir su aplicación y configurar las variables de entorno

    Una vez finalizada la instalación, conéctese por SSH a su VPS (ssh root@<IP-del-VPS>). Clone su repositorio en el directorio preparado (por ejemplo /var/www/nuxt-app), instale las dependencias con npm install y cree su archivo .env con sus variables de entorno (clave API, URL base, etc.). A continuación, compile la aplicación con npm run build. Nuxt arranca por defecto en el puerto 3000; PM2 ya está configurado para reiniciar el proceso automáticamente al arrancar el servidor.

  5. Acceder a su aplicación y apuntar su dominio

    Su aplicación es accesible de inmediato a través de la dirección IP de su VPS en el puerto 3000 (p. ej. http://<IP>:3000). Para hacerla accesible en su dominio por HTTPS, apunte su registro DNS A a la IP del VPS, actualice después el Virtual Host de Nginx (/etc/nginx/sites-available/nuxt-app) con su nombre de dominio y ejecute Certbot (certbot --nginx -d su-dominio.com) para obtener un certificado TLS gratuito. Recargue Nginx (nginx -s reload): su aplicación Nuxt está en línea.

  6. Conectarse por primera vez

    No hay nada que abrir ni ninguna contraseña que recibir: esta receta instala una caja de herramientas de desarrollo (Node.js LTS, PM2, Nginx, PostgreSQL). Conéctese por SSH para desplegar su propia aplicación Nuxt (pm2 start), publicarla mediante Nginx y crear su base de datos con sudo -u postgres psql.

Consejo pro: utilice PM2 en modo cluster para aprovechar todos los núcleos de CPU de su VPS. El comando pm2 start .output/server/index.mjs -i max --name nuxt-app (para Nuxt 3) arranca tantas instancias como núcleos disponibles y reparte automáticamente la carga entre ellas: ideal para los picos de tráfico sin cambiar de plan de VPS.

La documentación oficial

Para la configuración avanzada, las opciones propias de la herramienta y los cambios de versión, consulte la documentación oficial de Nuxt. Esta guía cubre la puesta en línea en un VPS ServOrbit; la documentación del editor sigue siendo la referencia para los ajustes finos.

Despliegue Nuxt en pocos minutos en un VPS Cloud ServOrbit

Disfrute de un VPS Cloud de alta disponibilidad con instalación de Nuxt en 1 clic, Node.js preconfigurado y soporte ágil, sin sorpresas desagradables en la factura.

¿Necesita ayuda?

Consulte nuestro centro de ayuda y nuestra FAQ, o contacte con nuestro equipo: llamada, WhatsApp o correo electrónico. Soporte en francés, inglés y árabe.

Escribir por WhatsAppse abre en una pestaña nueva