Mastering Nuxt @MasteringNuxt

Learn how to develop and deploy fast, production-ready Nuxt apps. Courses developed in collaboration with @Nuxt_js Powered by @Bitter_Brains masteringnuxt.com Joined September 2020

Tweets

2K
Followers

7K
Following

38
Likes

6K

Mastering Nuxt @MasteringNuxt

3 hours ago

If you want to run code on the client before @nuxt_js does any initialization, use the `onPreHydrate` composable. This lets you manipulate the DOM or add event listeners using only vanilla JavaScript:

0 0 10 234 8

Download Image

Mastering Nuxt @MasteringNuxt

a day ago

You can easily include global CSS files in every page by using the css config value in @nuxt_js. This gives you consistent styling across your entire Nuxt app.

0 2 13 496 5

Download Image

Mastering Nuxt @MasteringNuxt

2 days ago

Did you know that when using auth in a @nuxt_js app, we need to make sure that the cookie is passed from the frontend to the backend? 🙌 We can do that with useRequestHeaders (or useRequestHeader):

0 3 36 984 16

Download Image

Mastering Nuxt @MasteringNuxt

3 days ago

💡When working with @nuxt_js, it's common to need different configurations for dif. environments, like dev, testing, or prod. Instead of using conditional logic with `process.env.NODE_ENV`, you can use special keys in your Nuxt config for a cleaner and more type-safe approach.

0 0 16 555 3

Download Image

Mastering Nuxt @MasteringNuxt

4 days ago

💡 Tip of the day: Modules can only affect your Nuxt app during build time. But we can use methods from @nuxt/kit to do things that influence the runtime behaviour:

0 3 21 611 5

Download Image

Mastering Nuxt @MasteringNuxt

5 days ago

When do we use `NuxtErrorBoundary` in Nuxt? 🤔 We should wrap it around distinct chunks of functionality where you can handle a group of potential errors together: - `NuxtPage` components that represent nested routes - Widgets on a dashboard - Modals

0 0 18 928 3

Mastering Nuxt @MasteringNuxt

6 days ago

Did you know that when you need to set up redirects, Nuxt makes it easy using route rules in your configuration?💻 You can define a redirect for any route, and by default, it uses a temporary 307 status code. This is the simplest and most efficient way to handle basic redirects.

0 2 23 905 7

Download Image

Mastering Nuxt @MasteringNuxt

a week ago

Learn how the NuxtErrorBoundary component in Nuxt 3 works under the hood to gracefully handle client-side errors. Let's explore its powerful features, source code, and practical use cases to help you write more resilient Vue apps. 💻 By @MichaelThiessen. masteringnuxt.com/blog/how-nuxte…

0 5 27 2K 5

Mastering Nuxt @MasteringNuxt

a week ago

For debugging purposes, @nuxt_js can add a custom class to a `NuxtLink` once its route has been prefetched. 🧠 You can specify this class using the `prefetched-class` prop, which helps you visually identify prefetched links during development.

0 3 35 1K 12

Download Image

Mastering Nuxt @MasteringNuxt

a week ago

💡Tip of the day: In @nuxt_js, you can validate the request body before using it by leveraging readValidatedBody from h3. Provide a validation function to ensure the body meets your requirements.

0 3 29 1K 11

Download Image

Mastering Nuxt @MasteringNuxt

a week ago

Vercel's acquisition of NuxtLabs has major implications for the Nuxt ecosystem, from faster development to deeper platform integrations. This article breaks down what really happened. By @MichaelThiessen. masteringnuxt.com/blog/vercel-ac…

2 0 19 632 3

aidd @aidd_io

a week ago

Announcing AI-Driven Development Day 🚀 Dive into Cursor, AI agents, CLI workflows, Langflow, new user interaction models & more 🧠 🔥 @kentcdodds, @philnash, @danielkelly_io, @jpschroeder, @HeyGarrison & @Moose_Said 🔥 ➕ It's FREE! Grab a ticket 🎟️ aidd.io/ai-driven-deve…

0 17 30 2K 2

Mastering Nuxt @MasteringNuxt

a week ago

💡 Tip of the day: In @nuxt_js, you can check for specific error codes like 404 using the statusCode property from the useError composable. This lets you show a custom message for not found pages, while handling other errors differently.

0 2 26 953 7

Download Image

Certificates.dev @CertificatesDev

a week ago

The Official @nuxt_js Senior Developer Certification is now available! 🎉 This advanced certification is designed to test your real-world Nuxt skills - from building and scaling complex applications, to optimizing performance, managing global state, using TypeScript effectively,…

0 2 21 850 0

Download Image

Mastering Nuxt @MasteringNuxt

a week ago

How do you handle user roles and permissions in your @nuxt_js apps? Any best practices to share?

11 0 47 5K 22

Mastering Nuxt @MasteringNuxt

a week ago

Did you know with @nuxt_js, you can use `mountSuspended` to mount your app at a specific route by passing the App component and a route option? 💻 This is useful for testing route-specific content or behavior in your Nuxt application.

1 2 27 837 6

Download Image

Michael Thiessen @MichaelThiessen

2 weeks ago

Ref vs. reactive in @vuejs. Which is better? Does it even matter? If you're still wondering about this, I spent 10+ hours researching this question. I put it all together in this article, along with my own recommendations. michaelnthiessen.com/ref-vs-reactive

2 5 31 3K 23

Mastering Nuxt @MasteringNuxt

2 weeks ago

You can configure @nuxt_js to treat any folder as a global components directory by updating your `nuxt.config` file. 🗃️ For example, to add a custom folder for global components:

1 4 32 940 8

Download Image

Mastering Nuxt @MasteringNuxt

2 weeks ago

What’s your strategy for handling authentication in @nuxt_js? Do you use a module or roll your own? 🤔

9 0 16 1K 5

Mastering Nuxt @MasteringNuxt

2 weeks ago

💡 Tip of the day: Within Nuxt, the `useLoadingIndicator` composable is used by the `<NuxtLoadingIndicator>` component. You can also trigger it manually in plugins using the `page:loading:start` and `page:loading:end` hooks.