Hace algunos años desarrollábamos aplicaciones con jQuery (un gran suspiro) teníamos grandes funcionalidades a nuestro alcance pero en tan solo 5 años el mundo del desarrollo ha evolucionado drásticamente.

El día de hoy te voy a presentar NuxtJS, no es una tecnología nueva, ya lleva operando desde el 2016 y desde sus inicios promete apps modernas, el día de hoy analizaremos que nos puede ofrecer NuxtJS.

¿Qué es NuxtJS?

Es un framework de código abierto basado en Vue, actualmente está basado en Javascript. Podríamos considerarlo como una mejora de Vue debido a que Nuxt utiliza todo el poder de Node para renderizar varios tipos de aplicaciones web.

Nuxt está pensado para que sea un framework modular, esto se traduce en que tu aplicación será escalable por default.

¿Qué aplicaciones se pueden desarrollar con Nuxt?

Nuxt ofrece soporte para diferentes requerimientos de aplicaciones web, esto es lo que lo caracteriza principalmente y lo hace genial.

Aplicaciones Server-side rendering (SSR)

Este tipo de aplicaciones ofrecen diferentes soluciones a las aplicaciones de una sola pagina (SPA) debido a que renderizan el contenido en el servidor agregando más seguridad a nuestras aplicaciones.

Aplicaciones Single Page App (SPA)

Las aplicaciones SPA ofrecen un mejoramiento de la experiencia de usuario ya que no es necesario recargar la página cada vez que el usuario navega por una pagina interna de nuestra aplicación.

Tienen una pequeña desventaja y es que cuando los usuarios ingresan por primera vez tarda demasiado en cargar, pero bueno, es una desventaja en 1000 ventajas.

Sitios web estáticos

Si tu desarrollo no es grande y solamente requieres desarrollar un sitio web moderno puedes implementar Nuxt que le dotará de todo su poder agregando una buena experiencia de usuario.

Ventajas de Nuxt

    • Hot code reloading: esto permite que cuando estás desarrollando, cada vez que hagas el guardado se refresque en automático, ahorrando mucho tiempo de desarrollo.
    • Nuxt CLI: puedes crear proyectos de Nuxt fácilmente desde la terminal, permite diferentes configuraciones para tu proyecto de una forma muy bonita y completa.
    • Transpilación y agrupación automática (con WebPack y Babel): todo el poder que necesitas para desarrollar aplicaciones modernas.
    • nuxt.config.js: el archivo de configuración global te ayudará a asignar parámetros para tu aplicación de una forma muy sencilla y estandarizada.

 

Aplicaciones PWA con NuxtJS

Una de las ventajas que platicábamos en el inicio del post era que este framework es modular y gracias a eso nos ofrece una extensión llamada Nuxt PWA la cual ofrece soporte para desarrollar tu aplicación PWA de una forma muy pero que muy sencilla.

Pronto les traeré más información al respecto sobre las aplicaciones PWA y su implicación con reducir costes a nivel de negocio.

Esquema Nuxt

La siguiente imagen plasma de forma sencilla como es el funcionamiento de Nuxt cuando un usuario navega en nuestra aplicación.

esquema nuxtjs

Conclusiones

Nuxt ofrece todo lo necesario para ofrecerte un marco moderno para desarrollar aplicaciones y sitios web de una forma modular, cuenta con diferentes módulos y paquetes que ayudarán a que tu desarrollo sea mucho más fácil.

Desarrollar aplicaciones y sitios web con Nuxt es realmente sencillo por todo el ecosistema que propone.

También Nuxt cuenta con una amplia comunidad de desarrolladores los cuales están aportando conocimiento, lo que hará que te introduzcas rápido al framework.

¿Cúando utilizar Nuxt?

Si requieres consumir una API externa y necesitas toda la seguridad necesaria para poder agregar keys a tu aplicación (cosa que no ofrece Vue) o simplemente requieres desarrollar un sitio web moderno es ideal que utilices Nuxt.

En dado caso que requieras soporte para tu aplicación, Nuxt cuenta con un programa especializado en ofrecer soporte especializado y ofrecido por desarrolladores web expertos en Nuxt.

Mi opinión sobre Nuxt

Personalmente he hecho 4 desarrollos con Nuxt para clientes importantes y desde el principio que lo comencé a utilizar me encanto debido a que cuenta con un CLI que te facilita demasiado iniciar tu proyecto.

El mantenimiento para sitios estáticos se vuelve algo tedioso debido a que tienes que tener el código fuente, realizar modificaciones y volver a compilar.

Pero para las demás aplicaciones web es una maravilla, el ecosistema que te ofrece Nuxt ofrece mucho valor agregado a tu aplicación.