Logo de Nuxt Stack

Desarrollo

Nuxt Stack

Nuxt 3 con SSR, PostgreSQL y reverse proxy — entorno de producción para sus apps Vue.js.

Acerca de Nuxt Stack

La plantilla Nuxt Stack configura su VPS para alojar una aplicación Nuxt 3 en modo SSR (Server-Side Rendering) en producción: Node.js LTS, PM2 para la gestión de procesos, Nginx como reverse proxy y PostgreSQL si su aplicación utiliza una base de datos. Los parámetros de rendimiento de Nuxt vienen preconfigurados para producción.

Alojar Nuxt en su propio VPS le ofrece ventajas que los alojamientos Nuxt SaaS no pueden dar: coste previsible y acceso a la máquina completa para ejecutar workers, tareas cron o servicios auxiliares.

Lo que se instala

Listo al arrancar el VPS

SO compatibles
Ubuntu 24.04
Aplicación
Nuxt Stack
Stack técnico
Node.js LTSPM2NginxPostgreSQL
RAM mínima
2 GB
CPU mínima
1 vCPU
Acceso
root por SSH

Funcionalidades clave

  • Node.js LTS y PM2 para Nuxt SSR
  • Nginx como reverse proxy optimizado para Nuxt
  • PostgreSQL para las aplicaciones con base de datos
  • Compresión gzip y cabeceras de caché preconfiguradas
  • Build de producción de Nuxt automatizado
  • Compatibilidad con las rutas API de Nitro

¿Cuándo usar esta solución?

Sitio de marketing con SSR

Aplicación Nuxt 3 con SSR para un posicionamiento óptimo y un rendimiento máximo.

Aplicación full-stack

Nuxt con sus rutas API Nitro + PostgreSQL — un backend y un frontend en el mismo VPS.

E-commerce Vue.js

Tienda Nuxt con Pinia, sesiones de servidor y acceso directo a su base de datos.

Guía

Desplegar Nuxt Stack en su VPS

  1. Crear el VPS

    Seleccione la plantilla «Nuxt Stack». Mínimo 2 GB de RAM para Nuxt SSR en producción.

  2. Desplegar su aplicación

    Clone su repositorio. Ejecute npm ci y después npm run build. La carpeta .output contiene la aplicación compilada.

  3. 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.

  4. Iniciar con PM2

    Arranque con pm2 start .output/server/index.mjs --name "nuxt-app". Guarde con pm2 save && pm2 startup.

  5. Configurar el dominio

    Adapte el virtualhost de Nginx con su dominio (puerto 3000 por defecto para Nuxt). SSL con Certbot.

Preguntas frecuentes

Preguntas sobre Nuxt Stack

← Volver a DesarrolloTodas las aplicaciones
Vercel es más sencillo de configurar, pero factura por petición e impone límites. Un VPS ofrece un coste fijo, ningún límite de peticiones y la libertad de ejecutar cualquier proceso auxiliar.

Integrar el botón de despliegue

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

Deploy Nuxt Stack on ServOrbit
Markdown
[![Deploy Nuxt Stack on ServOrbit](https://servorbit.com/brand/deploy/button.svg)](https://servorbit.com/vps-cloud?template=nuxt-stack&utm_source=deploy-badge&utm_medium=referral&utm_campaign=nuxt-stack)
HTML
<a href="https://servorbit.com/vps-cloud?template=nuxt-stack&utm_source=deploy-badge&utm_medium=referral&utm_campaign=nuxt-stack"><img src="https://servorbit.com/brand/deploy/button.svg" alt="Deploy Nuxt 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.

¿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