Mastering Nuxt
@masteringnuxt.com
Learn how to develop and deploy fast, production-ready Nuxt apps.
Courses developed in collaboration with @nuxt.com
Powered by @bitterbrains.com
Courses developed in collaboration with @nuxt.com
Powered by @bitterbrains.com
Pinned
Mastering Nuxt
@masteringnuxt.com
· Nov 21
Mastering Nuxt | The official courses for learning Nuxt
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the most in-depth, fun, and realistic course made on Nuxt.
vue.school
Mastering Nuxt Fullstack Unleashed is the official @nuxt.com 4 course! 🏆
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
Happy 2026! 🎆
May your Nuxt apps load faster, your components stay lazy, and your dev workflow stay blissfully bug-free.
What feature or improvement do you really hope Nuxt brings in 2026? 🔥
May your Nuxt apps load faster, your components stay lazy, and your dev workflow stay blissfully bug-free.
What feature or improvement do you really hope Nuxt brings in 2026? 🔥
January 1, 2026 at 9:13 AM
Happy 2026! 🎆
May your Nuxt apps load faster, your components stay lazy, and your dev workflow stay blissfully bug-free.
What feature or improvement do you really hope Nuxt brings in 2026? 🔥
May your Nuxt apps load faster, your components stay lazy, and your dev workflow stay blissfully bug-free.
What feature or improvement do you really hope Nuxt brings in 2026? 🔥
If you encounter an error during server-side rendering, Nuxt provides the `<NuxtClientFallback>` component to display fallback content.
It shows a custom UI when a server-rendered component fails.
You must enable it by setting `experimental.clientFallback` to `true`.
It shows a custom UI when a server-rendered component fails.
You must enable it by setting `experimental.clientFallback` to `true`.
December 30, 2025 at 9:13 AM
If you encounter an error during server-side rendering, Nuxt provides the `<NuxtClientFallback>` component to display fallback content.
It shows a custom UI when a server-rendered component fails.
You must enable it by setting `experimental.clientFallback` to `true`.
It shows a custom UI when a server-rendered component fails.
You must enable it by setting `experimental.clientFallback` to `true`.
Happy Holidays from the Mastering Nuxt team 💚
We want to send a big thank you to our amazing community of devs & Nuxt enthusiasts.
Here’s to more coding, creativity, and incredible Nuxt apps in 2026 💫
We want to send a big thank you to our amazing community of devs & Nuxt enthusiasts.
Here’s to more coding, creativity, and incredible Nuxt apps in 2026 💫
December 24, 2025 at 3:13 PM
Happy Holidays from the Mastering Nuxt team 💚
We want to send a big thank you to our amazing community of devs & Nuxt enthusiasts.
Here’s to more coding, creativity, and incredible Nuxt apps in 2026 💫
We want to send a big thank you to our amazing community of devs & Nuxt enthusiasts.
Here’s to more coding, creativity, and incredible Nuxt apps in 2026 💫
Nuxt Tip of the Week 💡
If you want to run code on the client before Nuxt does any initialization, use the `onPreHydrate` composable.
This lets you manipulate the DOM or add event listeners using only vanilla JavaScript
If you want to run code on the client before Nuxt does any initialization, use the `onPreHydrate` composable.
This lets you manipulate the DOM or add event listeners using only vanilla JavaScript
December 22, 2025 at 1:10 PM
Nuxt Tip of the Week 💡
If you want to run code on the client before Nuxt does any initialization, use the `onPreHydrate` composable.
This lets you manipulate the DOM or add event listeners using only vanilla JavaScript
If you want to run code on the client before Nuxt does any initialization, use the `onPreHydrate` composable.
This lets you manipulate the DOM or add event listeners using only vanilla JavaScript
Building with @nuxt_js in 2026? Start strong before the year ends.
End of Year Sale is now live - get can get access to the official Nuxt 4 course for less:
⚡️ Up to 33% off the Full Stack Unleashed Complete
⚡️ 59% off the Super Bundle
Get yours today👇
https://masteringnuxt.com/
End of Year Sale is now live - get can get access to the official Nuxt 4 course for less:
⚡️ Up to 33% off the Full Stack Unleashed Complete
⚡️ 59% off the Super Bundle
Get yours today👇
https://masteringnuxt.com/
Mastering Nuxt | The official courses for learning Nuxt
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the most in-depth, fun, and realistic course made on Nuxt.
masteringnuxt.com
December 19, 2025 at 2:33 PM
Building with @nuxt_js in 2026? Start strong before the year ends.
End of Year Sale is now live - get can get access to the official Nuxt 4 course for less:
⚡️ Up to 33% off the Full Stack Unleashed Complete
⚡️ 59% off the Super Bundle
Get yours today👇
https://masteringnuxt.com/
End of Year Sale is now live - get can get access to the official Nuxt 4 course for less:
⚡️ Up to 33% off the Full Stack Unleashed Complete
⚡️ 59% off the Super Bundle
Get yours today👇
https://masteringnuxt.com/
Tip of the Day 💡
With @nuxt_js, you can access the entire payload sent from the server to the client using the `useNuxtApp` composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
With @nuxt_js, you can access the entire payload sent from the server to the client using the `useNuxtApp` composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
December 18, 2025 at 3:35 PM
Tip of the Day 💡
With @nuxt_js, you can access the entire payload sent from the server to the client using the `useNuxtApp` composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
With @nuxt_js, you can access the entire payload sent from the server to the client using the `useNuxtApp` composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
Did you know that Nuxt Image v2 allows you to programmatically transform images from within your Nitro endpoint 👇
December 11, 2025 at 2:33 PM
Did you know that Nuxt Image v2 allows you to programmatically transform images from within your Nitro endpoint 👇
Serious Nuxt apps need serious knowledge - now’s your chance to learn! 💻
Cyber Monday is your last shot to grab Mastering Nuxt Full Stack Unleashed, the official course for Nuxt, with full-stack projects, AI chat apps & more - up to 60% off 👇
https://vue.school/mnbf25x
Cyber Monday is your last shot to grab Mastering Nuxt Full Stack Unleashed, the official course for Nuxt, with full-stack projects, AI chat apps & more - up to 60% off 👇
https://vue.school/mnbf25x
Mastering Nuxt | The official courses for learning Nuxt
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the most in-depth, fun, and realistic course made on Nuxt.
vue.school
December 1, 2025 at 2:33 PM
Serious Nuxt apps need serious knowledge - now’s your chance to learn! 💻
Cyber Monday is your last shot to grab Mastering Nuxt Full Stack Unleashed, the official course for Nuxt, with full-stack projects, AI chat apps & more - up to 60% off 👇
https://vue.school/mnbf25x
Cyber Monday is your last shot to grab Mastering Nuxt Full Stack Unleashed, the official course for Nuxt, with full-stack projects, AI chat apps & more - up to 60% off 👇
https://vue.school/mnbf25x
Learn Nuxt 4 the official way this Black Friday!🚀
💣 40% off the Complete Bundle
OR
💥Go all-in with the Super Bundle at 62% off
Unlock 100+ lessons & everything Michael Thiessen & the Nuxt team helped build into the official course.👇
https://vue.school/mnbf25x
💣 40% off the Complete Bundle
OR
💥Go all-in with the Super Bundle at 62% off
Unlock 100+ lessons & everything Michael Thiessen & the Nuxt team helped build into the official course.👇
https://vue.school/mnbf25x
Mastering Nuxt | The official courses for learning Nuxt
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the most in-depth, fun, and realistic course made on Nuxt.
vue.school
November 28, 2025 at 9:30 AM
Learn Nuxt 4 the official way this Black Friday!🚀
💣 40% off the Complete Bundle
OR
💥Go all-in with the Super Bundle at 62% off
Unlock 100+ lessons & everything Michael Thiessen & the Nuxt team helped build into the official course.👇
https://vue.school/mnbf25x
💣 40% off the Complete Bundle
OR
💥Go all-in with the Super Bundle at 62% off
Unlock 100+ lessons & everything Michael Thiessen & the Nuxt team helped build into the official course.👇
https://vue.school/mnbf25x
Nuxt Tip of the Day 💡
In Nuxt 4.2, you can pass in your own AbortController when data fetching if you need fine-grained control over when requests are canceled👇
In Nuxt 4.2, you can pass in your own AbortController when data fetching if you need fine-grained control over when requests are canceled👇
November 26, 2025 at 2:54 PM
Nuxt Tip of the Day 💡
In Nuxt 4.2, you can pass in your own AbortController when data fetching if you need fine-grained control over when requests are canceled👇
In Nuxt 4.2, you can pass in your own AbortController when data fetching if you need fine-grained control over when requests are canceled👇
Turns out Nuxt versions 3.0 to 3.17. had hidden gems all along. 💎
We’ve rounded up 26 hidden features, route groups, preview mode, delayed hydration, and more - with examples and tips for upgrading to Nuxt 4.
Discover them here 👇
https://masteringnuxt.com/blog/26-nuxt-features-you-may-missed
We’ve rounded up 26 hidden features, route groups, preview mode, delayed hydration, and more - with examples and tips for upgrading to Nuxt 4.
Discover them here 👇
https://masteringnuxt.com/blog/26-nuxt-features-you-may-missed
26 Nuxt Features You May Have Missed
Explore the most impactful features from Nuxt 3.0 to 3.17 you may have missed — with clear examples, explanations, and upgrade notes for Nuxt 4 users.
masteringnuxt.com
November 24, 2025 at 2:33 PM
Turns out Nuxt versions 3.0 to 3.17. had hidden gems all along. 💎
We’ve rounded up 26 hidden features, route groups, preview mode, delayed hydration, and more - with examples and tips for upgrading to Nuxt 4.
Discover them here 👇
https://masteringnuxt.com/blog/26-nuxt-features-you-may-missed
We’ve rounded up 26 hidden features, route groups, preview mode, delayed hydration, and more - with examples and tips for upgrading to Nuxt 4.
Discover them here 👇
https://masteringnuxt.com/blog/26-nuxt-features-you-may-missed
Mastering Nuxt Fullstack Unleashed is the official @nuxt.com 4 course! 🏆
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
Mastering Nuxt | The official courses for learning Nuxt
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the most in-depth, fun, and realistic course made on Nuxt.
vue.school
November 21, 2025 at 2:36 PM
Mastering Nuxt Fullstack Unleashed is the official @nuxt.com 4 course! 🏆
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
Built with @michaelthiessen.bsky.social & the Nuxt team, it has 100+ lessons, a full AI chat app, real-world production patterns & more
Master full-stack Nuxt dev today - up to 70% off 👇
vue.school/mnseb25x
You’re probably building your Nuxt app slower than you need to.
Not because you're doing anything wrong… but because Nuxt hides a ton of shortcuts in plain sight.
Here are 10 tricks that instantly speed up your workflow. 👇
https://masteringnuxt.com/blog/10-dev-tricks-to-build-your-nuxt-app-faster
Not because you're doing anything wrong… but because Nuxt hides a ton of shortcuts in plain sight.
Here are 10 tricks that instantly speed up your workflow. 👇
https://masteringnuxt.com/blog/10-dev-tricks-to-build-your-nuxt-app-faster
10 Dev Tricks to Build Your Nuxt App Faster
Practical tips and tricks to speed up your Nuxt development workflow, from auto-imports to DevTools and beyond.
masteringnuxt.com
November 17, 2025 at 2:53 PM
You’re probably building your Nuxt app slower than you need to.
Not because you're doing anything wrong… but because Nuxt hides a ton of shortcuts in plain sight.
Here are 10 tricks that instantly speed up your workflow. 👇
https://masteringnuxt.com/blog/10-dev-tricks-to-build-your-nuxt-app-faster
Not because you're doing anything wrong… but because Nuxt hides a ton of shortcuts in plain sight.
Here are 10 tricks that instantly speed up your workflow. 👇
https://masteringnuxt.com/blog/10-dev-tricks-to-build-your-nuxt-app-faster
When working with Nuxt, the `nitroApp` object inside plugins gives you access to various runtime hooks.
These hooks include `close`, `error`, `render:response`, `request`, `beforeResponse`, & `afterResponse`.
You can use these to run custom logic at different stages of the server lifecycle.
These hooks include `close`, `error`, `render:response`, `request`, `beforeResponse`, & `afterResponse`.
You can use these to run custom logic at different stages of the server lifecycle.
November 13, 2025 at 3:36 PM
When working with Nuxt, the `nitroApp` object inside plugins gives you access to various runtime hooks.
These hooks include `close`, `error`, `render:response`, `request`, `beforeResponse`, & `afterResponse`.
You can use these to run custom logic at different stages of the server lifecycle.
These hooks include `close`, `error`, `render:response`, `request`, `beforeResponse`, & `afterResponse`.
You can use these to run custom logic at different stages of the server lifecycle.
Reposted by Mastering Nuxt
Forget the hardware upgrades - this Black Friday, upgrade you!💪
The Black Friday Early Bird Deal is LIVE: up to 60% OFF @vuejs.org, @nuxt.com, React, Angular, & JavaScript Certification + get bonus items with Mid or Senior Certification🎁
Don’t miss our biggest deal ever👇
go.certificates.dev/eb25X
The Black Friday Early Bird Deal is LIVE: up to 60% OFF @vuejs.org, @nuxt.com, React, Angular, & JavaScript Certification + get bonus items with Mid or Senior Certification🎁
Don’t miss our biggest deal ever👇
go.certificates.dev/eb25X
Certification of Competency for Modern Developers
Get Certified! Have your developer skills validated and stand out in the crowd for promotions and new positions.
go.certificates.dev
November 11, 2025 at 4:19 PM
Forget the hardware upgrades - this Black Friday, upgrade you!💪
The Black Friday Early Bird Deal is LIVE: up to 60% OFF @vuejs.org, @nuxt.com, React, Angular, & JavaScript Certification + get bonus items with Mid or Senior Certification🎁
Don’t miss our biggest deal ever👇
go.certificates.dev/eb25X
The Black Friday Early Bird Deal is LIVE: up to 60% OFF @vuejs.org, @nuxt.com, React, Angular, & JavaScript Certification + get bonus items with Mid or Senior Certification🎁
Don’t miss our biggest deal ever👇
go.certificates.dev/eb25X
Nuxt Tip Of The Week 💡
When you want to create a redirect in a server route, Nuxt lets you use the `sendRedirect` method from h3.
By default, this sends a 302 (temporary) redirect, but you can specify a different status code if needed.
When you want to create a redirect in a server route, Nuxt lets you use the `sendRedirect` method from h3.
By default, this sends a 302 (temporary) redirect, but you can specify a different status code if needed.
November 6, 2025 at 2:32 PM
Nuxt Tip Of The Week 💡
When you want to create a redirect in a server route, Nuxt lets you use the `sendRedirect` method from h3.
By default, this sends a 302 (temporary) redirect, but you can specify a different status code if needed.
When you want to create a redirect in a server route, Nuxt lets you use the `sendRedirect` method from h3.
By default, this sends a 302 (temporary) redirect, but you can specify a different status code if needed.
Tired of passing props through a maze of components? 🌀
Learn how `useState` keeps your app reactive, SSR-ready, and perfectly simple - no complex setup, no data leaks, just clean global state that works.
https://masteringnuxt.com/blog/understanding-usestate-in-nuxt-the-simple-way-to-share-state
Learn how `useState` keeps your app reactive, SSR-ready, and perfectly simple - no complex setup, no data leaks, just clean global state that works.
https://masteringnuxt.com/blog/understanding-usestate-in-nuxt-the-simple-way-to-share-state
Understanding useState in Nuxt: The Simple Way to Share State
Need a simple shared state management solution for your Nuxt app? In this article, explore `useState` : Nuxt’s built-in composable for shared reactive data that works seamlessly with SSR.
masteringnuxt.com
November 3, 2025 at 2:32 PM
Tired of passing props through a maze of components? 🌀
Learn how `useState` keeps your app reactive, SSR-ready, and perfectly simple - no complex setup, no data leaks, just clean global state that works.
https://masteringnuxt.com/blog/understanding-usestate-in-nuxt-the-simple-way-to-share-state
Learn how `useState` keeps your app reactive, SSR-ready, and perfectly simple - no complex setup, no data leaks, just clean global state that works.
https://masteringnuxt.com/blog/understanding-usestate-in-nuxt-the-simple-way-to-share-state
Nuxt Tip Of The Day💡
With Nuxt, since version 3.9, you can control how fetch requests are deduplicated using the dedupe parameter in the useFetch composable.
By setting dedupe to 'cancel', the previous request is cancelled and a new one is made whenever parameters change.
With Nuxt, since version 3.9, you can control how fetch requests are deduplicated using the dedupe parameter in the useFetch composable.
By setting dedupe to 'cancel', the previous request is cancelled and a new one is made whenever parameters change.
October 14, 2025 at 2:26 PM
Nuxt Tip Of The Day💡
With Nuxt, since version 3.9, you can control how fetch requests are deduplicated using the dedupe parameter in the useFetch composable.
By setting dedupe to 'cancel', the previous request is cancelled and a new one is made whenever parameters change.
With Nuxt, since version 3.9, you can control how fetch requests are deduplicated using the dedupe parameter in the useFetch composable.
By setting dedupe to 'cancel', the previous request is cancelled and a new one is made whenever parameters change.
Nuxt Tip💡
With Nuxt, you can access the entire payload sent from the server to the client using the useNuxtApp composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
With Nuxt, you can access the entire payload sent from the server to the client using the useNuxtApp composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
October 8, 2025 at 2:41 PM
Nuxt Tip💡
With Nuxt, you can access the entire payload sent from the server to the client using the useNuxtApp composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
With Nuxt, you can access the entire payload sent from the server to the client using the useNuxtApp composable.
This allows you to inspect all the data and state transferred during SSR or hydration.
💡 Did you know that with Nuxt you can access the entire payload sent from the server to the client using the `useNuxtApp` composable?
This allows you to inspect all the data and state transferred during SSR or hydration.
This allows you to inspect all the data and state transferred during SSR or hydration.
October 2, 2025 at 2:32 PM
💡 Did you know that with Nuxt you can access the entire payload sent from the server to the client using the `useNuxtApp` composable?
This allows you to inspect all the data and state transferred during SSR or hydration.
This allows you to inspect all the data and state transferred during SSR or hydration.
Tip of the day 💡
When working with Nuxt, you can control where your code runs by checking the environment. Use if (!import.meta.server) to skip code on the server, and if (!import.meta.client) to skip code on the client.
When working with Nuxt, you can control where your code runs by checking the environment. Use if (!import.meta.server) to skip code on the server, and if (!import.meta.client) to skip code on the client.
September 29, 2025 at 10:27 AM
Tip of the day 💡
When working with Nuxt, you can control where your code runs by checking the environment. Use if (!import.meta.server) to skip code on the server, and if (!import.meta.client) to skip code on the client.
When working with Nuxt, you can control where your code runs by checking the environment. Use if (!import.meta.server) to skip code on the server, and if (!import.meta.client) to skip code on the client.
🔥 ViteConf 2025 is almost here! 🔥
Join Evan You, Daniel Roe, Anthony Fu, and more for two days of deep Vite talks, workshops, and the latest in web tech.
See how Vite is powering Nuxt and shaping the future of web development.
🎟️ Info & Tickets here: https://viteconf.amsterdam/
Join Evan You, Daniel Roe, Anthony Fu, and more for two days of deep Vite talks, workshops, and the latest in web tech.
See how Vite is powering Nuxt and shaping the future of web development.
🎟️ Info & Tickets here: https://viteconf.amsterdam/
ViteConf
The Official in-person Vite Conference organised in collaboration with the Creator of Vite, Evan You and Vite Core Team!
viteconf.amsterdam
September 25, 2025 at 2:32 PM
🔥 ViteConf 2025 is almost here! 🔥
Join Evan You, Daniel Roe, Anthony Fu, and more for two days of deep Vite talks, workshops, and the latest in web tech.
See how Vite is powering Nuxt and shaping the future of web development.
🎟️ Info & Tickets here: https://viteconf.amsterdam/
Join Evan You, Daniel Roe, Anthony Fu, and more for two days of deep Vite talks, workshops, and the latest in web tech.
See how Vite is powering Nuxt and shaping the future of web development.
🎟️ Info & Tickets here: https://viteconf.amsterdam/
When writing unit tests, Nuxt provides a way to opt-in to a Nuxt environment by adding `.nuxt.` to your test filenames.
For example, you can name your test file like this 👇
For example, you can name your test file like this 👇
September 23, 2025 at 10:27 AM
When writing unit tests, Nuxt provides a way to opt-in to a Nuxt environment by adding `.nuxt.` to your test filenames.
For example, you can name your test file like this 👇
For example, you can name your test file like this 👇
Tip of the day 💡
In Nuxt you can pass route objects to `navigateTo`, similar to `router.push` in Vue Router.
This enables navigation using named routes, query parameters, or hash fragments.
In Nuxt you can pass route objects to `navigateTo`, similar to `router.push` in Vue Router.
This enables navigation using named routes, query parameters, or hash fragments.
September 17, 2025 at 2:32 PM
Tip of the day 💡
In Nuxt you can pass route objects to `navigateTo`, similar to `router.push` in Vue Router.
This enables navigation using named routes, query parameters, or hash fragments.
In Nuxt you can pass route objects to `navigateTo`, similar to `router.push` in Vue Router.
This enables navigation using named routes, query parameters, or hash fragments.