Nuxt es un framework de código abierto y gratuito con una forma intuitiva y extensible de crear aplicaciones web full-stack y sitios web de grado de producción, seguros y eficientes con Vue.js.

Hemos hecho todo para que puedas comenzar a escribir archivos .vue desde el principio mientras disfrutas del reemplazo de módulos en caliente en desarrollo y una aplicación eficiente en producción con renderizado del lado del servidor por defecto.

Nuxt no tiene bloqueo de proveedor, lo que te permite desplegar tu aplicación en cualquier lugar, incluso en el edge.

Automatización y Convenciones

Nuxt utiliza convenciones y una estructura de directorios opinada para automatizar tareas repetitivas y permitir a los desarrolladores centrarse en implementar características. El archivo de configuración aún puede personalizar y anular sus comportamientos predeterminados.

• Enrutamiento basado en archivos: define rutas basadas en la estructura de tu directorio pages/. Esto puede facilitar la organización de tu aplicación y evitar la necesidad de configuración manual de rutas.
• División de código: Nuxt divide automáticamente tu código en fragmentos más pequeños, lo que puede ayudar a reducir el tiempo de carga inicial de tu aplicación.
• Renderizado del lado del servidor listo para usar: Nuxt viene con capacidades de SSR integradas, por lo que no tienes que configurar un servidor por separado.
• Importaciones automáticas: escribe composables y componentes de Vue en sus respectivos directorios y úsalos sin tener que importarlos, con los beneficios de tree-shaking y paquetes JS optimizados.
• Utilidades de obtención de datos: Nuxt proporciona composables para manejar la obtención de datos compatible con SSR, así como diferentes estrategias.
• Soporte TypeScript sin configuración: escribe código seguro sin tener que aprender TypeScript con nuestros tipos generados automáticamente y tsconfig.json.
• Herramientas de construcción configuradas: usamos Vite por defecto para soportar el reemplazo de módulos en caliente (HMR) en desarrollo y empaquetar tu código para producción con las mejores prácticas integradas.

Nuxt se encarga de esto y proporciona funcionalidad tanto de frontend como de backend para que puedas centrarte en lo que importa: crear tu aplicación web.

Renderizado del Lado del Servidor

Nuxt viene con capacidades de renderizado del lado del servidor (SSR) integradas por defecto, sin tener que configurar un servidor tú mismo, lo que tiene muchos beneficios para las aplicaciones web:

• Tiempo de carga inicial de página más rápido: Nuxt envía una página HTML completamente renderizada al navegador, que puede mostrarse inmediatamente. Esto puede proporcionar un tiempo de carga de página percibido más rápido y una mejor experiencia de usuario (UX), especialmente en redes o dispositivos más lentos.
• Mejor SEO: los motores de búsqueda pueden indexar mejor las páginas SSR porque el contenido HTML está disponible de inmediato, en lugar de requerir JavaScript para renderizar el contenido en el lado del cliente.
• Mejor rendimiento en dispositivos de baja potencia: reduce la cantidad de JavaScript que necesita descargarse y ejecutarse en el lado del cliente, lo que puede ser beneficioso para dispositivos de baja potencia que pueden tener dificultades para procesar aplicaciones JavaScript pesadas.
• Mejor accesibilidad: el contenido está disponible inmediatamente en la carga inicial de la página, mejorando la accesibilidad para usuarios que dependen de lectores de pantalla u otras tecnologías asistivas.
• Caché más fácil: las páginas pueden ser almacenadas en caché en el lado del servidor, lo que puede mejorar aún más el rendimiento al reducir el tiempo que lleva generar y enviar el contenido al cliente.

En general, el renderizado del lado del servidor puede proporcionar una experiencia de usuario más rápida y eficiente, así como mejorar la optimización para motores de búsqueda y la accesibilidad.

Como Nuxt es un framework versátil, te da la posibilidad de renderizar estáticamente toda tu aplicación para un hosting estático con nuxt generate, desactivar SSR globalmente con la opción ssr: false o aprovechar el renderizado híbrido configurando la opción routeRules.

Motor del servidor

El motor del servidor de Nuxt Nitro desbloquea nuevas capacidades full-stack.

En desarrollo, utiliza Rollup y trabajadores de Node.js para tu código de servidor y aislamiento de contexto. También genera tu API de servidor leyendo archivos en server/api/ y middleware de servidor desde server/middleware/.

En producción, Nitro construye tu aplicación y servidor en un directorio universal .output. Esta salida es ligera: minimizada y eliminada de cualquier módulo de Node.js (excepto polyfills). Puedes desplegar esta salida en cualquier sistema que soporte JavaScript, desde Node.js, Serverless, Workers, renderizado en el edge o puramente estático.

Listo para producción

Una aplicación Nuxt puede ser desplegada en un servidor Node o Deno, pre-renderizada para ser alojada en entornos estáticos, o desplegada en proveedores serverless y edge.

Modular

Un sistema de módulos permite extender Nuxt con características personalizadas e integraciones con servicios de terceros.

Arquitectura

Nuxt está compuesto por diferentes paquetes core:

• Motor core: nuxt
• Empaquetadores: @nuxt/vite-builder, @nuxt/rspack-builder y @nuxt/webpack-builder
• Interfaz de línea de comandos: @nuxt/cli
• Motor del servidor: nitro
• Kit de desarrollo: @nuxt/kit

Recomendamos leer cada concepto para tener una visión completa de las capacidades de Nuxt y el alcance de cada paquete.