Advanced Nuxt 3 Route Middleware with Pinia

In this video, we'll take a deep dive into how to use Pinia store inside Nuxt route middleware to build powerful and flexible applications. We'll cover the basics of Nuxt route middleware and how to set up a Pinia store, then explore how to integrate the two to create dynamic middleware that can handle complex use cases.

You'll learn how to access the Pinia store inside route middleware, update state based on route parameters, and handle asynchronous actions. By the end of the video, you'll have a solid understanding of how to use Pinia store inside Nuxt route middleware to build scalable and maintainable applications.

----------
🙋 Join us on Discord:

My Online Courses
🚀 Ultimate Theme Developer guide for Prestashop 1.7 ( 2020 )
🧰 Module's developer guide for Prestashop 1.7
🏃 Practical guide for creating Prestashop 1.7 module
🎨 Themes developer guide for Prestashop 1.7 ( 2019 )
🎵 Symfony beginner guide 2020

WHO AM I:
I'm Mohamed Habib, a web developer working in Paris, France. I make videos about coding, mainly Prestashop and Angular. I also have premium courses that you get on Udemy and Skill-share.

[charlamagnedotjs]

I loved the part where he explained how to use Pinia store inside Nuxt route middleware to build powerful and flexible applications.

[sarwannizamani]

For me this throws an error, is have state that i am trying to access in my middleware, but it returns undefined, not sure why, I am trying to do exactly as you are doing

[ranavitaln]

hi I loved your approch hope you will upload a udemy course about nuxt 3 + pinia, I am using the pinia in the middleware but getting error why ?

[markaltiche]

I tried your code but I don't know how to pass the token coming from localStorage or much better to use cookies instead?

[shamsadanam]

don't visit his blog. i guess it's hacked.