Learn how to develop and deploy fast, production-ready Nuxt apps.
Courses developed in collaboration with @Nuxt_js
Powered by @Bitter_Brainsmasteringnuxt.comJoined September 2020
AI-Driven Development Masterclass early access opens on September 30th 🎉
The Masterclass will give you a step-by-step playbook to:
⚡ Build faster & smarter using AI tools and concepts
🤝 Operate like a team 20x your size + more
Mark Your Calendars 🗓️ aidd.io
🔥 @ViteConf 2025 is almost here!🔥
Join Evan You, Daniel Roe, Anthony Fu, and more for 2 days of deep Vite talks, workshops, & the latest in web tech.
See how Vite is powering @NUXT and shaping the future of web development.
🎟️ Info & Tickets here: viteconf.amsterdam
When writing unit tests, @nuxt_js 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 👇
Looking to add real-time features to your @nuxt_js app?⚡️
This guide walks through building a live community chat using Nuxt 4 and Socket.IO - complete with user presence, live messaging, and persistent usernames.
Read the full breakdown 👇
masteringnuxt.com/blog/building-…
Tip of the day 💡
In @nuxt_js 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.
Nuxt UI v4.0.0-alpha.2 it out with lots of bug fixes and documentation improvements 🚀
You can expect the official Nuxt UI v4 release next week after some more testing!
github.com/nuxt/ui/releas…
JavaScript Cheatsheet 📜
Arrays power most real-world JavaScript data work. Mastering the core methods and loops is essential for exams, interviews, and everyday productivity.
💾 Save this post and stay tuned for Part 2 coming soon!
AI-Driven Development Day is LIVE! 🚨
Dive into AI tools transforming dev productivity, learn new workflows with CLI & Langflow, plus live Q&As & AIDD course sneak peeks hosted by our MC of the day @danielkelly_io
📺 Join now, its FREE: go.nextgendev.ai/aiddday
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:
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.
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):
💡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.
💡 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:
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
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.
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…
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.
💡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.
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…
102K Followers 226 FollowingNuxt is a progressive web framework to build performant and production-grade web apps and websites with Vue. https://t.co/hBNE0dql4W
2K Followers 10 FollowingJoin 20,000+ devs at the world's largest FREE Vue.js event to learn all about Vue.js and its ecosystem! 🚀
Follow @frontendnation for all future Vue.js events!
3K Followers 1K FollowingFather, Husband, Human Being, Teacher/Content Creator @VueSchool_io, Web Dev, tweets about @vuejs, @nuxt_js, @laravelphp, and dev life
1 Followers 20 FollowingEncolaJS, a suite of #Javascript packages to help your life as a front-end developer: Hydrator, Validator and Enforma (a formkit library for @VueJS)
595 Followers 3K FollowingLineup Card App is for baseball and softball coaches, parents, and fans. Track lineup and defensive position. https://t.co/dXOQVrxOzJ
0 Followers 877 Following"Unhandled JS Exception: TypeError: 'undefined' is not an object (evaluating 'props.description.toLowercase') in responsive-profile.jsx:18"
38 Followers 286 FollowingPourquoi encore voter quand la majorité de la population n’est plus représentée au gouvernement et que les intérêts privés prime sur les intérêt du pays
95 Followers 1K FollowingI AM a (Godlike) Life Engineer (including a Technical Product & Program Manager, and a Software Engineer) evolving in leading this Life to a delight like Eden
102K Followers 226 FollowingNuxt is a progressive web framework to build performant and production-grade web apps and websites with Vue. https://t.co/hBNE0dql4W
320K Followers 529 FollowingProgressive JavaScript framework for building modern web interfaces. Created by @youyuxi, maintained by https://t.co/GBCO6zpjho.
6K Followers 28 FollowingNuxt Studio is a new editing experience for your Nuxt Content website, offering infinite customization and user-friendly edition
2K Followers 10 FollowingJoin 20,000+ devs at the world's largest FREE Vue.js event to learn all about Vue.js and its ecosystem! 🚀
Follow @frontendnation for all future Vue.js events!
3K Followers 1K FollowingFather, Husband, Human Being, Teacher/Content Creator @VueSchool_io, Web Dev, tweets about @vuejs, @nuxt_js, @laravelphp, and dev life
606 Followers 1K FollowingWeb Developer and content writer @ https://t.co/koOuPAvHsy ... Anime addict... 😘😘😍 passion to always be better than I was yesterday
96 Followers 12 FollowingBuilding the future for 25 million+ developers worldwide to grow, adapt, and succeed in today’s fast-paced tech environment.
Discover more about us 👇
2K Followers 109 FollowingCommunity hub for all things frontend! Stay updated with the latest news, dev insights, & yearly events!
Sign up for updates👇
776 Followers 15 FollowingTransform your Vue.js state management skills with Mastering Pinia!
Course developed by the author of Pinia, @posva
Powered by @VueSchool_io.
45K Followers 124 FollowingBringing the Vue.js community together. The #1 source for the latest courses, articles, news & showcases. Tag @vuejsdevelopers to be featured.
3K Followers 128 FollowingValidate and certify your development skills. Unlock a world of opportunities through industry recognized certifications.
Powered by @Bitter_Brains
2K Followers 19 FollowingBuild with Vue.js & learn from top experts in the community through app & feature builds!
Follow @frontendnation for all updates on future events
5K Followers 331 FollowingUpdates, tutorials, examples, tech news & more for developers working with @useAlokai - A Lightning-Fast Frontend Platform for Headless Commerce.
10K Followers 769 FollowingHusband, Father, Entrepreneur and more…
⛰️ Author of @nuxt_js
🌋 Co-Founder of @nuxtlabs (Acquired by @vercel)
🐰 VP of Engineering @directus
23K Followers 89 FollowingCloudinary helps more than 2M users and 10k brands manage, transform, optimize, and deliver engaging visual experiences at scale.