Michael Thiessen
@michaelthiessen.bsky.social
🔜 Composable Design Patterns
👉 (Nuxt | Vue) Tips Collection
👉 Clean Components Toolkit
👉 Mastering Nuxt
👉 (Nuxt | Vue) Tips Collection
👉 Clean Components Toolkit
👉 Mastering Nuxt
Reposted by Michael Thiessen
I don't think I have fully realized the importance of proper clean-up of Vue watchers until I read this new article 🤯 Well done, @michaelthiessen.bsky.social 🫡
michaelnthiessen.com/bulletproof-...
michaelnthiessen.com/bulletproof-...
Bulletproof Watchers in Vue
Learn how to write bulletproof watchers in Vue, when to use onCleanup and onWatcherCleanup, and how to build reusable cleanup helpers.
michaelnthiessen.com
August 8, 2025 at 7:19 PM
I don't think I have fully realized the importance of proper clean-up of Vue watchers until I read this new article 🤯 Well done, @michaelthiessen.bsky.social 🫡
michaelnthiessen.com/bulletproof-...
michaelnthiessen.com/bulletproof-...
Reposted by Michael Thiessen
What could've been the topic in today's recording? 🤔🤔🤔
Featuring @danielroe.dev, @atinux.com, @michaelthiessen.bsky.social and @thealexlichter.com, as well as @nuxt.com and @nuxtlabs.com ✨
Featuring @danielroe.dev, @atinux.com, @michaelthiessen.bsky.social and @thealexlichter.com, as well as @nuxt.com and @nuxtlabs.com ✨
July 8, 2025 at 4:37 PM
What could've been the topic in today's recording? 🤔🤔🤔
Featuring @danielroe.dev, @atinux.com, @michaelthiessen.bsky.social and @thealexlichter.com, as well as @nuxt.com and @nuxtlabs.com ✨
Featuring @danielroe.dev, @atinux.com, @michaelthiessen.bsky.social and @thealexlichter.com, as well as @nuxt.com and @nuxtlabs.com ✨
Reposted by Michael Thiessen
Nitro v3 + What’s Coming🚀
Nitro is designed to be the foundation for future development rather than just another incremental update. The coordination with Nuxt5's release makes sure that the entire ecosystem moves forward together. By @michaelthiessen.bsky.social
masteringnuxt.com/blog/nitro-v...
Nitro is designed to be the foundation for future development rather than just another incremental update. The coordination with Nuxt5's release makes sure that the entire ecosystem moves forward together. By @michaelthiessen.bsky.social
masteringnuxt.com/blog/nitro-v...
Nitro v3: What’s Coming with Nuxt 5
Heads-up! Nitro v3 is still under active development. The features and APIs discussed here can change before the final release. Nuxt 5 will ship with Nitro v3 once it's stable.
masteringnuxt.com
June 26, 2025 at 1:47 PM
Nitro v3 + What’s Coming🚀
Nitro is designed to be the foundation for future development rather than just another incremental update. The coordination with Nuxt5's release makes sure that the entire ecosystem moves forward together. By @michaelthiessen.bsky.social
masteringnuxt.com/blog/nitro-v...
Nitro is designed to be the foundation for future development rather than just another incremental update. The coordination with Nuxt5's release makes sure that the entire ecosystem moves forward together. By @michaelthiessen.bsky.social
masteringnuxt.com/blog/nitro-v...
Reposted by Michael Thiessen
Be the first to master @nuxt.com 4 with the updated Mastering Nuxt 2025 Edition, launching just weeks after Nuxt 4’s stable release in July. Learn future-proof patterns, modern features, and production-ready techniques. 🚀
By @michaelthiessen.bsky.social.
masteringnuxt.com/blog/master-...
By @michaelthiessen.bsky.social.
masteringnuxt.com/blog/master-...
Master Nuxt 4 From Day One: No Waiting, No Outdated Content
Be first to master Nuxt 4 with the fully updated Mastering Nuxt 2025 Edition, launching just weeks after Nuxt 4’s stable release in July. Learn future-proof patterns, modern features, and production-r...
masteringnuxt.com
June 20, 2025 at 1:28 PM
Be the first to master @nuxt.com 4 with the updated Mastering Nuxt 2025 Edition, launching just weeks after Nuxt 4’s stable release in July. Learn future-proof patterns, modern features, and production-ready techniques. 🚀
By @michaelthiessen.bsky.social.
masteringnuxt.com/blog/master-...
By @michaelthiessen.bsky.social.
masteringnuxt.com/blog/master-...
Reposted by Michael Thiessen
Learn how to use AI to automatically generate catchy, three-word chat titles based on the first user message in your @nuxt.com app. 🧠
Add polish and personality with a smooth typewriter animation for an engaging user experience.
By @michaelthiessen.bsky.social
masteringnuxt.com/blog/automat...
Add polish and personality with a smooth typewriter animation for an engaging user experience.
By @michaelthiessen.bsky.social
masteringnuxt.com/blog/automat...
masteringnuxt.com
June 17, 2025 at 10:55 AM
Learn how to use AI to automatically generate catchy, three-word chat titles based on the first user message in your @nuxt.com app. 🧠
Add polish and personality with a smooth typewriter animation for an engaging user experience.
By @michaelthiessen.bsky.social
masteringnuxt.com/blog/automat...
Add polish and personality with a smooth typewriter animation for an engaging user experience.
By @michaelthiessen.bsky.social
masteringnuxt.com/blog/automat...
Reposted by Michael Thiessen
Who has already migrated from @nuxt.com 3 to 4, either using the compatibility mode or to 4 alpha?
I'd love to hear how it's going for you.
I'd love to hear how it's going for you.
June 3, 2025 at 8:17 PM
Who has already migrated from @nuxt.com 3 to 4, either using the compatibility mode or to 4 alpha?
I'd love to hear how it's going for you.
I'd love to hear how it's going for you.
Reposted by Michael Thiessen
Double trouble! Today airs one of two Nuxt special episodes on DejaVue. Our guest is nobody else than @atinux.com, the creator of @nuxt.com and @nuxtlabs.com
Together with hosts @michaelthiessen.bsky.social and @thealexlichter.com they talk about the origin of NuxtLabs and Nuxt, differences & more!
Together with hosts @michaelthiessen.bsky.social and @thealexlichter.com they talk about the origin of NuxtLabs and Nuxt, differences & more!
June 5, 2025 at 3:38 PM
Double trouble! Today airs one of two Nuxt special episodes on DejaVue. Our guest is nobody else than @atinux.com, the creator of @nuxt.com and @nuxtlabs.com
Together with hosts @michaelthiessen.bsky.social and @thealexlichter.com they talk about the origin of NuxtLabs and Nuxt, differences & more!
Together with hosts @michaelthiessen.bsky.social and @thealexlichter.com they talk about the origin of NuxtLabs and Nuxt, differences & more!
Who has already migrated from @nuxt.com 3 to 4, either using the compatibility mode or to 4 alpha?
I'd love to hear how it's going for you.
I'd love to hear how it's going for you.
June 3, 2025 at 8:17 PM
Who has already migrated from @nuxt.com 3 to 4, either using the compatibility mode or to 4 alpha?
I'd love to hear how it's going for you.
I'd love to hear how it's going for you.
YASSSSSS!
we are delighted to announce that nuxt v4 alpha ships TODAY! 🎉
... and we're aiming for a stable release of v4 by the end of the month.
(nuxt v5 will come later this year once nitro v3 is ready)
👉 you can read the full article at nuxt.com/blog/roadma...
... and we're aiming for a stable release of v4 by the end of the month.
(nuxt v5 will come later this year once nitro v3 is ready)
👉 you can read the full article at nuxt.com/blog/roadma...
Roadmap to v4 · Nuxt Blog
We have some exciting news about the roadmap to Nuxt 4, including a new timeline and what to expect in the next few weeks.
nuxt.com
June 2, 2025 at 8:02 PM
YASSSSSS!
In less than two weeks we'll find out if AI can tell the future.
A comic about me, @danielroe.dev, and @nuxt.com
June 2, 2025 at 3:48 PM
In less than two weeks we'll find out if AI can tell the future.
Reposted by Michael Thiessen
Most impactful release of Pinia Colada so far!
- Matching keys to invalidate queries is now even better
- Better cache performance
- Typed keys
- Dynamic options
- Lighter build!!
github.com/posva/pinia-...
- Matching keys to invalidate queries is now even better
- Better cache performance
- Typed keys
- Dynamic options
- Lighter build!!
github.com/posva/pinia-...
Release v0.16.0 · posva/pinia-colada
Please refer to CHANGELOG.md for details.
github.com
May 22, 2025 at 8:22 AM
Most impactful release of Pinia Colada so far!
- Matching keys to invalidate queries is now even better
- Better cache performance
- Typed keys
- Dynamic options
- Lighter build!!
github.com/posva/pinia-...
- Matching keys to invalidate queries is now even better
- Better cache performance
- Typed keys
- Dynamic options
- Lighter build!!
github.com/posva/pinia-...
The timing was so perfect here.
The new data fetching in 3.17 dropped *right* before I started working on the data fetching chapter.
We don't really take full advantage of the reactive keys etc. but it's good to avoid any breaking changes while you can (so I don't have to go back and re-record!)
The new data fetching in 3.17 dropped *right* before I started working on the data fetching chapter.
We don't really take full advantage of the reactive keys etc. but it's good to avoid any breaking changes while you can (so I don't have to go back and re-record!)
New Lessons: Nuxt 3.17 Upgrade and Data Fetching
You’ll learn how to:
🔄Upgrade to Nuxt 3.17 for the latest data-fetching improvements
🪝Use `useAsyncData` to load data efficiently
⚙️Handle Loading States with control over when data loads
🧠 Ready to explore the new lessons?
You’ll learn how to:
🔄Upgrade to Nuxt 3.17 for the latest data-fetching improvements
🪝Use `useAsyncData` to load data efficiently
⚙️Handle Loading States with control over when data loads
🧠 Ready to explore the new lessons?
May 16, 2025 at 3:49 PM
The timing was so perfect here.
The new data fetching in 3.17 dropped *right* before I started working on the data fetching chapter.
We don't really take full advantage of the reactive keys etc. but it's good to avoid any breaking changes while you can (so I don't have to go back and re-record!)
The new data fetching in 3.17 dropped *right* before I started working on the data fetching chapter.
We don't really take full advantage of the reactive keys etc. but it's good to avoid any breaking changes while you can (so I don't have to go back and re-record!)
Will I ever finally get around to adding OG images?
Only time will tell.
Only time will tell.
I recently spent *way* too much time exploring the useTemplateRef composable introduced in @vuejs.org 3.5.
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
How to access DOM elements with useTemplateRef
The useTemplateRef composable is a much better way to access DOM elements than the old way with refs. Here's how to use it.
michaelnthiessen.com
May 16, 2025 at 3:02 PM
Will I ever finally get around to adding OG images?
Only time will tell.
Only time will tell.
I recently spent *way* too much time exploring the useTemplateRef composable introduced in @vuejs.org 3.5.
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
How to access DOM elements with useTemplateRef
The useTemplateRef composable is a much better way to access DOM elements than the old way with refs. Here's how to use it.
michaelnthiessen.com
May 16, 2025 at 3:01 PM
I recently spent *way* too much time exploring the useTemplateRef composable introduced in @vuejs.org 3.5.
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
Here's my write up on how you can take advantage of it, including best practices:
michaelnthiessen.com/how-to-acces...
Finished recording Chapter 7 of @masteringnuxt.com.
I had a ton of fun diving into some more advanced server route stuff with @nuxt.com I don't normally use:
👉 unstorage
👉 server middleware
👉 caching server routes
👉 validation with zod
👉 Nitro and h3 (and unjs)
👉 streaming with Nitro
I had a ton of fun diving into some more advanced server route stuff with @nuxt.com I don't normally use:
👉 unstorage
👉 server middleware
👉 caching server routes
👉 validation with zod
👉 Nitro and h3 (and unjs)
👉 streaming with Nitro
May 15, 2025 at 1:16 PM
Finished recording Chapter 7 of @masteringnuxt.com.
I had a ton of fun diving into some more advanced server route stuff with @nuxt.com I don't normally use:
👉 unstorage
👉 server middleware
👉 caching server routes
👉 validation with zod
👉 Nitro and h3 (and unjs)
👉 streaming with Nitro
I had a ton of fun diving into some more advanced server route stuff with @nuxt.com I don't normally use:
👉 unstorage
👉 server middleware
👉 caching server routes
👉 validation with zod
👉 Nitro and h3 (and unjs)
👉 streaming with Nitro
Reposted by Michael Thiessen
Tip by <a href="https://bsky.app/profile/did:plc:jhya3qlu6av4h3ft5g6n2rkq" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@michaelthiessen.bsky.social💡
In Nuxt, we can get detailed information on how our page is loading with the `useLoadingIndicator` composable.
It’s used internally by the NuxtLoadingIndicator component, and can be triggered through the “page:loading:start” and “page:loading:end” hooks.
In Nuxt, we can get detailed information on how our page is loading with the `useLoadingIndicator` composable.
It’s used internally by the NuxtLoadingIndicator component, and can be triggered through the “page:loading:start” and “page:loading:end” hooks.
May 12, 2025 at 2:34 PM
Tip by <a href="https://bsky.app/profile/did:plc:jhya3qlu6av4h3ft5g6n2rkq" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@michaelthiessen.bsky.social💡
In Nuxt, we can get detailed information on how our page is loading with the `useLoadingIndicator` composable.
It’s used internally by the NuxtLoadingIndicator component, and can be triggered through the “page:loading:start” and “page:loading:end” hooks.
In Nuxt, we can get detailed information on how our page is loading with the `useLoadingIndicator` composable.
It’s used internally by the NuxtLoadingIndicator component, and can be triggered through the “page:loading:start” and “page:loading:end” hooks.
Finished my in-depth article on useTemplateRef in @vuejs.org that I started months ago...
Coming to a browser near you soon!
Coming to a browser near you soon!
May 7, 2025 at 1:47 PM
Finished my in-depth article on useTemplateRef in @vuejs.org that I started months ago...
Coming to a browser near you soon!
Coming to a browser near you soon!
Reposted by Michael Thiessen
Just finished scripts for the next chapter of
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
May 5, 2025 at 7:17 PM
Just finished scripts for the next chapter of
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
Just wrapped on a good recording session for these.
That wraps the "basic" section of @masteringnuxt.com, now we move on to advanced topics.
At this point, we have a basic functioning AI chat app with projects.
Next up is data fetching, caching, perf, SEO, error handling, database and auth!
That wraps the "basic" section of @masteringnuxt.com, now we move on to advanced topics.
At this point, we have a basic functioning AI chat app with projects.
Next up is data fetching, caching, perf, SEO, error handling, database and auth!
Just finished scripts for the next chapter of
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
May 6, 2025 at 3:46 PM
Just wrapped on a good recording session for these.
That wraps the "basic" section of @masteringnuxt.com, now we move on to advanced topics.
At this point, we have a basic functioning AI chat app with projects.
Next up is data fetching, caching, perf, SEO, error handling, database and auth!
That wraps the "basic" section of @masteringnuxt.com, now we move on to advanced topics.
At this point, we have a basic functioning AI chat app with projects.
Next up is data fetching, caching, perf, SEO, error handling, database and auth!
Just finished scripts for the next chapter of
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
May 5, 2025 at 7:17 PM
Just finished scripts for the next chapter of
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
@masteringnuxt.com.
All about data fetching!
Took me a LONG time to figure this one out and simplify it. Data fetching in Nuxt can get complicated pretty quickly.
Reposted by Michael Thiessen
Tip of the week from <a href="https://bsky.app/profile/did:plc:jhya3qlu6av4h3ft5g6n2rkq" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@michaelthiessen.bsky.social 💡
By using NuxtImg in our Nuxt apps, it’s easy to create responsive images that adapt to different screen sizes.
This is achieved using the `sizes` attribute, which works similarly to TailwindCSS breakpoints.
👇
By using NuxtImg in our Nuxt apps, it’s easy to create responsive images that adapt to different screen sizes.
This is achieved using the `sizes` attribute, which works similarly to TailwindCSS breakpoints.
👇
May 5, 2025 at 2:34 PM
Tip of the week from <a href="https://bsky.app/profile/did:plc:jhya3qlu6av4h3ft5g6n2rkq" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky-mention">@michaelthiessen.bsky.social 💡
By using NuxtImg in our Nuxt apps, it’s easy to create responsive images that adapt to different screen sizes.
This is achieved using the `sizes` attribute, which works similarly to TailwindCSS breakpoints.
👇
By using NuxtImg in our Nuxt apps, it’s easy to create responsive images that adapt to different screen sizes.
This is achieved using the `sizes` attribute, which works similarly to TailwindCSS breakpoints.
👇
Reposted by Michael Thiessen
ICYMI: GitLab saw their memory consumption reduced by 100x by using the @rolldown.rs powered @vite.dev version (in addition to a 2.6x speedup) 🤯
April 30, 2025 at 11:53 AM
ICYMI: GitLab saw their memory consumption reduced by 100x by using the @rolldown.rs powered @vite.dev version (in addition to a 2.6x speedup) 🤯
When you do state management, are you normalizing your data or doing something else?
April 28, 2025 at 3:04 PM
When you do state management, are you normalizing your data or doing something else?
Reposted by Michael Thiessen
Easter just passed - so, time for a new episode! 🥚
@michaelthiessen.bsky.social and @thealexlichter.com are joined by @thejaredwilcurt.bsky.social to talk about a topic relevant to all of you out there (not kidding) 👀
Testing!
Snapshot testing beyond that - to be more precise
Tune in 🙌🏻
@michaelthiessen.bsky.social and @thealexlichter.com are joined by @thejaredwilcurt.bsky.social to talk about a topic relevant to all of you out there (not kidding) 👀
Testing!
Snapshot testing beyond that - to be more precise
Tune in 🙌🏻
April 22, 2025 at 6:00 PM
Easter just passed - so, time for a new episode! 🥚
@michaelthiessen.bsky.social and @thealexlichter.com are joined by @thejaredwilcurt.bsky.social to talk about a topic relevant to all of you out there (not kidding) 👀
Testing!
Snapshot testing beyond that - to be more precise
Tune in 🙌🏻
@michaelthiessen.bsky.social and @thealexlichter.com are joined by @thejaredwilcurt.bsky.social to talk about a topic relevant to all of you out there (not kidding) 👀
Testing!
Snapshot testing beyond that - to be more precise
Tune in 🙌🏻