Skip to content
← Todas las soluciones
Nuxt logo

Frameworks solución

Ejecuta Nuxt en local con FlyEnv

Las aplicaciones Nuxt se ejecutan con Node.js y pueden usar una base de datos o un proxy inverso para el desarrollo full-stack local. FlyEnv gestiona el runtime y los servicios seleccionados.

Stack del proyecto local

Servicios que FlyEnv puede gestionar para Nuxt

Acerca de Nuxt

Nuxt es un framework de Vue para aplicaciones que pueden renderizarse en el servidor, generar páginas estáticas o funcionar como aplicación de cliente. El enrutado basado en archivos, los composables, las rutas de servidor y Nitro ponen los endpoints del frontend y del servidor en un mismo proyecto.

La mayoría de los proyectos Nuxt empiezan con Node.js y el servidor de desarrollo de Nuxt. La base de datos, la fuente de contenido o el servicio de API se añaden según los módulos y las rutas de servidor elegidos, mientras que un dominio HTTPS solo importa para las integraciones que requieren un origen de navegador.

Capacidades principales

  • Enrutado basado en archivos
  • SSR y SSG
  • Nitro Server Engine
  • Server Routes
  • Auto Imports
  • Nuxt Modules

Casos de uso comunes

  • Sitios Vue orientados a SEO
  • Sitios de contenido y documentación
  • Frontends de producto renderizados en servidor
  • Aplicaciones Vue con APIs de servidor
  • Sitios estáticos con renderizado híbrido

El desarrollo con Nuxt gira en torno al renderizado y las fuentes de contenido

Que el proyecto sea SSR, estático o híbrido determina qué servicios deben ejecutarse realmente en local.

Node.js y servidor de desarrollo de Nuxt
Ejecuta Nuxt, las transformaciones de módulos con Vite y Nitro durante el desarrollo local.
API de contenido o de aplicación
Ejecuta el CMS headless, la API de backend o el flujo de contenido local configurado, en lugar de asumir que toda aplicación Nuxt lleva una base de datos integrada.
Base de datos para rutas de servidor
Solo es necesaria cuando los handlers de Nitro o un servicio asociado persisten datos de la aplicación.
Dominio local y HTTPS
Útil para el comportamiento de las cookies en SSR, los callbacks de OAuth o para probar reglas de host parecidas a producción.

Recursos del proyecto

Para los comandos de instalación, las versiones compatibles y la configuración específica del proyecto, consulta la documentación oficial de Nuxt .

Stack local típico

Los servicios exactos dependen del proyecto, su versión y su configuración local. Esta es una configuración local común, no un requisito fijo.

ComponenteRol típico
Node.jsEjecuta Node.js para el entorno local de Nuxt.
PostgreSQLMySQLEjecuta PostgreSQL / MySQL para el entorno local de Nuxt.
NginxCaddyEjecuta Nginx / Caddy para el entorno local de Nuxt.

Cómo ayuda FlyEnv

  • Adapta el runtime del proyecto

    Elige la versión de runtime que necesita Nuxt.

  • Gestiona los servicios locales

    Inicia bases de datos, cachés y otros servicios solo cuando el proyecto los necesite.

  • Mantén los proyectos aislados

    Permite que cada proyecto use sus propias versiones y configuraciones de servicios.

  • Configura dominios locales

    Accede a los proyectos mediante dominios locales y HTTPS cuando sea necesario.

Configura el entorno local

La instalación del proyecto sigue la documentación oficial. FlyEnv gestiona los runtimes, las bases de datos, los servidores web y los servicios auxiliares que lo rodean.

  1. 1Instala el proyecto y sus dependencias siguiendo la documentación oficial de Nuxt.
  2. 2Selecciona en FlyEnv la versión de runtime que necesita el proyecto.
  3. 3Inicia los servicios de base de datos indicados en la configuración del proyecto.
  4. 4Inicia la caché, la búsqueda u otros servicios auxiliares solo cuando sean necesarios.
  5. 5Configura el servidor web local, los dominios y HTTPS según sea necesario.
  6. 6Agrupa los servicios relacionados para iniciarlos juntos de nuevo con facilidad.

¿Listo para ejecutar Nuxt en local?

Usa FlyEnv para gestionar los runtimes, las bases de datos, los servidores web y los servicios que rodean a tu entorno local de Nuxt .

Descargar FlyEnv

¿Tienes preguntas sobre el uso de FlyEnv?