Nuxt

Estas son algunas de las características y funcionalidades que se pueden destacar del framework Nuxt:

• Inicio de proyectos sencillo, sin necesidad prácticamente de configuración.
• Incluye un sistema de routing avanzado que muchas veces funciona de manera automática, si nos ajustamos a las convenciones. Además el sistema de build permite la bundelización automática del código Javascript en paquetes independientes, optimizando el peso de cada ruta.
• Ofrece diversos estilos de renderización, desde SPA, a SSR pasando por SSG. En un mismo proyecto pueden convivir varias de estos modos de trabajo. A esta variabilidad de los tipos de aplicaciones que se pueden desarrollar muchas veces nos referimos como Aplicaciones Universales.
• Tiene un sistema de acceso a datos incorporado que permite trabajo con cualquier fuente y que es capaz de preparar el sitio con renderización en el servidor. Nosotros somos capaces de introducir todo tipo de datos en las secciones así como meta-información personalizada.
• Prioriza las convenciones frente a la configuración, para mejora de la experiencia de desarrollo.
• Los proyectos con Nuxt están optimizados para SEO.
• Incluye un sistema de auto-import de los componentes, para facilidad de uso.
• Se puede extender con gran cantidad de módulos de manera opcional. De este modo los proyectos no pesan más de lo estrictamente necesario. Gracias a este sistema de módulos Nuxt 3 es mucho más ligero y optimizado que NuxtJS (versión 2 y anteriores).
• Tiene una gran comunidad que publica nuevos módulos para hacer cualquier cosa imaginable.
• Ofrece de serie soporte para TypeScript.
• Funciona con Vite como herramienta frontend para el desarrollo muy ágil.

Si Vue ya es un framework ¿Qué función adicional nos permite desempeñar Nuxt?

Podemos decir que Nuxt es un framework de un framework, en el sentido que ofrece todavía una serie de mejoras y utilidades encima de Vue. Sin embargo, Vue se dedica más al desarrollo de componentes que suelen estar más en la línea de las interfaces de usuario (UI) y Nuxt te ofrece muchas mejoras más en la línea del desarrollo de aplicaciones.

De todos modos, con Vue podemos también desarrollar aplicaciones web, en principio no necesitaríamos nada más. Aunque el tipo de proyecto que podrías desarrollar con Vue sería más del estilo de SPA (Single Page Application) y no ofrece utilidades para el desarrollo de proyectos optimizados para SEO como los sitios web tradicionales.

En el caso de Nuxt, también podría permitirnos desarrollar una SPA, sin embargo, donde le sacamos más partido al framework es en el desarrollo de proyectos de sitios web, donde queremos que el contenido se sirva del lado del servidor (para optimización de cara a SEO), lo que se llama comúnmente SSR (Server Side Rendering), o bien proyectos de sitios web de contenido estático, con páginas HTML que están ya pre-renderizadas, lo que mejora los proyectos en términos de optimización y seguridad, lo que se conoce generalmente con el término SSG (Static Site Generator).

Además Nuxt oferce una arquitectura de aplicación definida, con toda una serie de carpetas en los proyectos que nos permiten hacer un desarrollo más homogéneo, productivo y guiado por las buenas prácticas.

Otra de las diferencias de Nuxt es todo el ecosistema de módulos que ofrece para el desarrollo de multitud de tareas comunes de las aplicaciones, en el cual encontramos integraciones con multitud de componentes, piezas de aplicación, tecnologías, etc. Muchos de estos módulos ya están integrados de casa en el framework y otros los podemos incluir de manera opcional si los vamos a necesitar.