Este es un ejemplo de cómo configurar una aplicación NuxtJS para desplegarla en los servicios de Alojamiento de Aplicaciones de Kinsta.

NuxtJS se entrega con un montón de características para aumentar la productividad de los desarrolladores y la experiencia del usuario final. Las características clave incluyen:

  • Configuración Cero: Empieza a programar tu aplicación de inmediato, Nuxt se encarga del resto.
  • Enrutamiento del sistema de Archivos: Enrutamiento automático y división del código para cada página.
  • Modos de Renderizado: Cambia entre la generación estática del sitio o la renderización del servidor bajo demanda.
  • Obtención de Datos: Obtén tu contenido de cualquier fuente en tus componentes Vue, preparado para SSR.
  • Convenciones sólidas: Trabajo en equipo eficiente con una estructura de directorios y convenciones sólidas.
  • Amigable con el SEO: Gestión de metaetiquetas y tiempo de contenido más rápido para una gran indexación.
  • Importación Automática de Componentes: Utiliza tus componentes, Nuxt los importará con una división inteligente del código.
  • Ecosistema de Módulos: Amplía tu aplicación con más de 160 módulos Nuxt y crea los tuyos propios.

Más información en Nuxtjs.org.

Durante el proceso de despliegue, Kinsta instala automáticamente las dependencias definidas en tu archivo package.json.

  1. Abre el siguiente repositorio de GitHub: Kinsta — Hello World — NuxtJS.
  2. En MyKinsta, añade una aplicación con el repositorio Hello World — NuxtJS. El comando Start puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.

La aplicación estará disponible en cuanto finalice la construcción, y se cargará una página Hola Mundo en la URL de tu aplicación.

Página Hola Mundo de NuxtJS tras una instalación correcta.
Página Hola Mundo de NuxtJS tras una instalación correcta.

Configuración del Servidor Web

Puerto

Kinsta establece automáticamente la variable de entorno PORT. No necesitas definirla o programarla en la aplicación.

Comando de Inicio

Cuando despliegas la aplicación, Kinsta crea automáticamente un proceso web con npm start como comando de Inicio.

Ciclo de Vida del Despliegue

Cada vez que se inicia un despliegue (mediante la creación de una aplicación o el redespliegue debido a un commit entrante) se ejecuta el comando npm build, seguido del comando npm start.