Michael Thiessen
@michaelthiessen.bsky.social
🔜 Composable Design Patterns 👉 (Nuxt | Vue) Tips Collection 👉 Clean Components Toolkit 👉 Mastering Nuxt
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-...
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
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 ✨
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 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
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-...
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
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...
masteringnuxt.com
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.
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!
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.
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-...
Release v0.16.0 · posva/pinia-colada
Please refer to CHANGELOG.md for details.
github.com
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!)
Mastering Nuxt@masteringnuxt.com · last yr.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?
Will I ever finally get around to adding OG images? Only time will tell.
Michael Thiessen@michaelthiessen.bsky.social · last yr.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...
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...
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
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
Tip by @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.
Finished my in-depth article on useTemplateRef in @vuejs.org that I started months ago... Coming to a browser near you soon!
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.
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!
Michael Thiessen@michaelthiessen.bsky.social · last yr.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.
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.
Tip of the week from @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. 👇
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) 🤯
Working on a banger article about the new data fetching layer in @nuxt.com 👀
When you do state management, are you normalizing your data or doing something else?
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 🙌🏻
I'm sad to announce that I won't be able to visit you all in Tampa in May. I was very much looking forward to @vueconf.us, but some personal things came up and I won't be able to attend.
💡 Tip of the week from @michaelthiessen.bsky.social Do you know that with Nuxt 3, not only can we do dynamic segments in our routes, but we can have as many nested dynamic segments as we want?!
Did you know that Chapter 3: Connecting to OpenAI and Deploying is complete? 🥳 These new lessons wrap up your MVP and take your app all the way to deployment: - Add typing indicator - Nuxt Dev Tools - Setting up Nuxt MDC - Deploy to Netlify - Summary 👇
We just "hosted" an awesome panel on open source and sustainability with @danielroe.dev, @rijk.nyc and @chadwhitacre.com. By "hosted" I mean, we brought them together and hit "record". A fascinating and very interesting conversation, I learned a lot about OSS! Coming soon to @dejavue.fm!
