Michael Thiessen reposted
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-...
Michael Thiessen
@michaelthiessen.bsky.social
π Composable Design Patterns π (Nuxt | Vue) Tips Collection π Clean Components Toolkit π Mastering Nuxt
1.4K followers206 following248 posts
Michael Thiessen reposted
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-...
Michael Thiessen reposted
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 β¨
Michael Thiessen reposted
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...
Michael Thiessen reposted
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-...
Michael Thiessen reposted
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...
Michael Thiessen reposted
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.
Michael Thiessen reposted
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.
Michael Thiessen reposted
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-...
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!)
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?
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...
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
Michael Thiessen reposted
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!
Michael Thiessen reposted
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!
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.
Michael Thiessen reposted
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. π
Working on a banger article about the new data fetching layer in @nuxt.com π
Here it is: masteringnuxt.com/blog/nuxts-d...
Michael Thiessen reposted
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) π€―
Michael Thiessen reposted
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.
Michael Thiessen reposted
Replying to @michaelthiessen.bsky.social
And here we go! bsky.app/profile/deja...
A special episode for a year of DejaVue? Yes, absolutely! Guests? Check! @chadwhitacre.com, @rijk.nyc and @danielroe.dev joined the show to talk about a topic that is important to all of us! Open Source Sustainability
Michael Thiessen reposted
π‘ 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?!
Michael Thiessen reposted
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!
Michael Thiessen reposted
What are your first impressions of the new course? If you've had a chance to check it out already, we'd love to know what you think!
Mastering Nuxt 2025 Edition is LIVE! π Created with Nuxt expert, @michaelthiessen.bsky.social, this is the most in-depth, fun, realistic, and only official course for learning @nuxt.com! For 24 hours only, get 35% OFF with our Early Bird offer! Get it nowπ https://masteringnuxt.com/2025
It's finally here!! I've had a ton of fun putting this one together, and it's the best course I've ever worked on. Can't thank the team enough for all their help and support, it was a big team effort for this! Go check it out!
Mastering Nuxt 2025 Edition is LIVE! π Created with Nuxt expert, @michaelthiessen.bsky.social, this is the most in-depth, fun, realistic, and only official course for learning @nuxt.com! For 24 hours only, get 35% OFF with our Early Bird offer! Get it nowπ https://masteringnuxt.com/2025
One hour to go until the completely refreshed (from scratch!) @masteringnuxt.com course is launched. I'd really appreciate a repost/like/etc. on the announcement post when it drops! Thank you π
Yes! 2 months away from being in sunny Florida and meeting with all of you amazing people!
Come and attend @michaelthiessen.bsky.socialβs session at VUECONF US, to explore several different patterns for writing better components π₯ vueconf.us/session?sessioβ¦ Don't miss out and secure your tickets today! ποΏ½οΏ½οΏ½ vueconfnf.us π₯ Use BSKY100OFF for a discount! π 19-21 May, Tampa
Michael Thiessen reposted
Free Live Nuxt Workshop with @michaelthiessen.bsky.social! π Join Michael for a 2 hour hands-on preview of the AI chat app from our upcoming Mastering Nuxt 2025 course. Plus, he'll explore key @Nuxt_js features, & answer your all you burning Nuxt questions live!
@hypefury.bsky.social Is there a bluesky integration coming?
Michael Thiessen reposted
How do I get shared types in @nuxt.com to work? The docs only show an example from /shared/utils and not /shared/types. If I just have exported types it works fine but TS is giving me tons of IDE errors. nuxt.com/docs/guide/d...
Michael Thiessen reposted
Want to master Nuxt with @michaelthiessen.bsky.social? π To celebrate Vue.js Amsterdam, get 30% OFF the Mastering Nuxt 3 Complete course! Learn to build real-world, production-ready Nuxt apps & get a FREE upgrade to our new course when it launches! Get it now π
How do I get shared types in @nuxt.com to work? The docs only show an example from /shared/utils and not /shared/types. If I just have exported types it works fine but TS is giving me tons of IDE errors. nuxt.com/docs/guide/d...
"Server middleware in @nuxt.com is an anti-pattern" This is an article I'm working on right now. Curious to know if and how you use server middleware in your apps?
Michael Thiessen reposted
In the 50th episode, @michaelthiessen.bsky.social and @thealexlichter.com have @wordman.dev on the show! And of course, they dive into what it means to be a devrel and some advice around it, as well as talking about @jetbrains.com and why you should try out @webstorm.jetbrains.com π Tune in π
Michael Thiessen reposted
Itβs official - Mastering Nuxt 4 course will launch on March 25!π Taught by @nuxt.com expert @michaelthiessen.bsky.social, this hands-on, project-based course is a complete rewrite of Mastering Nuxt 3, featuring a brand-new AI chat app build! Sign up for updates π
Just had a fantastic call with @atinux.com refining some parts of the new @masteringnuxt.com course. brb need to refactor some code and update the outline
Michael Thiessen reposted
Join the hosts of @dejavue.fm (@thealexlichter.com & @michaelthiessen.bsky.social), in an exciting live panel discussion with Patrick van Everdingen and @danielkelly.io for a deep dive into how AI is revolutionizing Vue.js development! π€ #VueJsNation25 https://youtu.be/QfsgAQufrDI