Categorías
Programación

NuxtJS & VueX parte 3. Cómo y para que usar nuxtServerInit.

Como ya he comentado el comportamiento de Vuex dentro de Nuxt JS es un pelin diferente de como funciona en VueJS a secas. El ejemplo de ello es que disponemos de una funcion llamada nuxtServerInit con la que podemos optimizar el código de nuestra aplicación y realizar algunas tareas cuando inicializamos la app. Como por ejemplo precargar datos desde una API externa o algo relacionado con la autentificación para poder almacenarlo en el almacenamiento compartido o «state», realmente el límite es tu imaginación y los requisitos de tu proyecto. Esta función se ejecuta siempre que recargues la APP, solo una vez.

Categorías
Programación

Nuxt & Vuex – Parte 2. Ejemplo de como crear un módulo y utilizarlo desde el componente.

Esta es la segunda parte del artículo sobre Vuex & NuxtJS en el cual haré un ejemplo básico para ver cómo se utilizan los módulos ya que en la documentación oficial no está muy bien explicado. La primera parte con el video puedes encontrar aquí.

Categorías
Programación

Nuxt & Vuex – Parte 1. Ejemplo básico y explicación.

NuxtJS es un soplo de aire fresco dentro de los frameworks JavaScript que nos permite realizar apps de una forma más fácil e intuitiva, acelerando el desarrollo. Dentro de este framework Vuex resulta imprescindible para optimizar y añadir funcionalidades básicas como la autenticación, es algo así como un almacenamiento central que viene heredado del VueJS, pero al estar integrado dentro de Nuxt funciona de una forma algo diferente y con algún método propio que se ejecuta en el lado del servidor, como el nuxtServerInit que explicare en el ejemplo de la tercera parte de este artículo.