Sign in

Vue School

@vueschool.io
498 followers 118 following 909 posts

#1 source for learning Vue.js & the ecosystem. Trusted by 200,000+ developers worldwide. vueschool.io

PostsRepliesMedia
Vue School @vueschool.io · 26/05/2026
Stop loading Vue components only when clicked. Prefetch them on hover so they’re ready instantly when users interact. defineAsyncComponent + mouseenter = smoother UX in Vue + Vite. 👉Code + breakdown here in our blog vueschool.io/articles/vuejs-tutoria…
A code snippet demonstrating asynchronous component loading with code splitting in Vue. The script shows Vue component setup using TypeScript.
010
Vue School @vueschool.io · 19/05/2026
Duplicate IDs in @vuejs components will break your forms, a11y, and SSR fast. Vue 3.5 fixes it with useId() - stable, SSR-safe IDs per component instance. Here’s how it works 👇 vueschool.io/articles/vuejs-tutoria…
A code snippet example showing the use of useId in a Vue component's script setup. Features syntax highlighting and a UI design.
000
Vue School @vueschool.io · 12/05/2026
AI video generation in Nuxt without blocking requests 😮 🧠Return instantly ⚡Process in background 💾Persist progress using `event.waitUntil()` Find out more 👉 vueschool.io/articles/vuejs-tutoria…
A Vue School promotional image featuring a code snippet about asynchronous task handling and alerts. The dark theme with brightly colored logo contrasts against the code's syntax highlights, providing an appealing visual for developers.
000
Vue School @vueschool.io · 10/04/2026
New Course: RAG with Nuxt + Gemini File Search 🚀 Build a full RAG backend in under 1hr. Upload docs, get AI answers grounded in your files, track indexing, and stream responses - all with Nuxt. Start learning 👉 vueschool.io/courses/rag-with-nuxt-…
030
Vue School @vueschool.io · 28/02/2026
Session timeout warning: 24 hours remaining! ⏳ We're halfway through Free Weekend. Devs are inside learning - are you one of them? The door's still open. But not for long. Stop scrolling. Start learning 👇 vue.school/vsfw26x
000
Vue School @vueschool.io · 28/02/2026
Don’t let this pain be your weekend. We have course that can help you learn Pinia the right way 😉 Free this weekend 👇 vueschool.io/courses/pinia-the-enjo…
010
Vue School @vueschool.io · 27/02/2026
Free Weekend kicks off in a few hours! Are you ready to make every minute count? 🔥 Which of our courses are already on your Watchlist? 👀
000
Vue School @vueschool.io · 18/02/2026
Free Weekend kicks off next week! 🚀 Join a FREE 1-hour live kickoff with Daniel Kelly on Feb 26 to: ✨ Discover what’s new in Vue & Nuxt 📝 Learn tips for planning your 48 hours 🎤 Ask your burning questions live Find out how to access 👇🧵
000
Vue School @vueschool.io · 16/02/2026
Do your Vue components do too much? 🤔 Split them. Small, focused components make your code readable, testable, and scalable. Learn 10 more tips for cleaner Vue code: vueschool.io/articles/vuejs-tutoria…
010
Vue School @vueschool.io · 01/01/2026
New year, new Vues! 🎉 2026 is here, and it’s time to build, create, and explore even bigger projects. New courses and surprises are coming to help you build faster, smarter, and more confidently. Let’s make this year unforgettable! 🚀
010
Vue School @vueschool.io · 24/12/2025
Happy Holidays from the Vue School team! 💜 Thank you, our amazing community, for another year of building, learning & experimenting together. Here’s to more creativity, great projects, and fun surprises we have in store for 2026 💫 🥂
030
Vue School @vueschool.io · 10/12/2025
Writing Nuxt API endpoints can get messy as your app grows. 🚀 A custom `defineApiEventHandler` validates payloads, runs guards, standardizes errors, and keeps every endpoint consistent - no repeated boilerplate, no “wait, how did we do this before?” moments.
120
Vue School @vueschool.io · 30/11/2025
We know things are a little chaotic right now, so consider this your friendly reminder: our Black Friday special is still live! 👀 Don’t say we didn’t warn you👇 vue.school/bfd25x
010
Vue School @vueschool.io · 30/11/2025
Alright devs, this is the last lap. 🏁 You’ve got 24 hours before our Black Friday Special disappears - the 60% off yearly and lifetime plans + bonus… all of it. 🤯 Lock in the offer before the clock runs out 👇 vue.school/bfd25x
000
Vue School @vueschool.io · 29/11/2025
Part 2 of our Vue Composition API Cheatsheet is here! ⚡ We’re going deeper into the patterns and tools devs use every day - from smarter logic to cleaner component communication. 👉 Download it here: vueschool.io/cheatsheets/vue-compos…
100
Vue School @vueschool.io · 29/11/2025
We want to make sure you’re all set to thrive with Vue in 2026, so you’ve got 48 more hours to grab the Black Friday Special 💚 Secure your plan now 👇 vue.school/bfd25x
010
Vue School @vueschool.io · 28/11/2025
Black Friday is the best time to go all-in on @vuejs ⚡️ Grab our Everything Forever Bundle for 80% OFF & get: 📚 Vue School Lifetime & 2026 Workshop Pass 🌐Mastering Nuxt 🍍 Mastering Pinia 🤖 AIDD Complete 🏅Official Vue.js & Nuxt Certs Secure yours👇 vue.school/bfd25x
000
Vue School @vueschool.io · 19/11/2025
New Lessons Now Available! 🎉 This week’s new lessons cover Nuxt UI tables with server-side sorting and searching, with pagination on the way. Take a look at the latest videos 👇 vueschool.io/courses/nuxt-ui-build-…
000
Vue School @vueschool.io · 08/11/2025
We’re halfway through Free Weekend ⏰ Time to watch some lessons, fork new ideas, and commit to serious learning! Don’t let this weekend end with a 404 👀 Jump in now: vue.school/vsfw25x
010
Vue School @vueschool.io · 08/11/2025
Drake gets it. 😎 When the hotline rings, it’s not another YouTube rabbit hole - it’s Free Weekend calling. 📞 Pick up👇 vue.school/vsfw25x
020
Vue School @vueschool.io · 08/11/2025
Having fun during Free Weekend? Don’t let it end with a `404: Learning Not Found` 🚨 Our Black Friday Super Early Bird Deal is still live! 60% off, full access + a bunch of solid extras (worth $2K!)🔥 Easy way to keep going without losing your progress and saving 💸 vue.school/vsfw25x
021
Vue School @vueschool.io · 07/11/2025
The countdown is on - Free Weekend goes live in a few hours! 🎉 Get ready to fire up your IDE, follow along with our courses, experiment with components, debug tricky reactivity issues, and push some commits as you learn. Are you ready? 💪 vue.school/vsfw25x
020
Vue School @vueschool.io · 05/11/2025
New Nuxt UI lessons just dropped! 👊🎤 ✨ Tie a slideover to a route (for direct deep linking) 🧩 Display and validate forms with Nuxt UI ♿ Plus, a look at Slideover a11y Watch the new lessons here 👇 vueschool.io/courses/nuxt-ui-build-a-dashboard-template
120
Vue School @vueschool.io · 03/11/2025
Ever wrestled with CSS for hours just to make a button look right? Time to drop the struggle and watch our Tailwind CSS Fundamentals course - your shortcut to fast, flexible, and beautiful design. Lock in your access to watch it for FREE this weekend: vue.school/vsfw25x
020
Vue School @vueschool.io · 31/10/2025
Slow Vue apps drive users away - fast. 💨 Learn how to build blazing-fast Vue.js apps that feel smooth and responsive in every click. Our course “The Ultimate Guide to Vue Performance” is your blueprint for serious speed. ⚡ Check below for what you’ll learn + how to get it FREE 👇🧵
240
Vue School @vueschool.io · 30/10/2025
Did you know that poor state management is one of the top causes of unnecessary re-renders in modern web apps? This is why you need to get up to speed with global state management in Vue.js 3, ASAP. 🧵
110
Vue School @vueschool.io · 27/10/2025
We’re giving free access to our epic premium courses! If you're still stitching together Vue components without a clear pattern - check this out! 🧵
110
Vue School @vueschool.io · 23/10/2025
What does this do within Nuxt UI project?🤔 a) Make default button xl b) Gives solid cards blue bg c) Both of these d) Doesn’t do anything
100
Vue School @vueschool.io · 17/10/2025
💡 Vue.js Tip: Mutate using Pinia Colada Fetching data is only half the battle - what about updating it (everywhere)? 🤔 With `useMutation()` in Pinia Colada, you get powerful tools like `mutate`, `mutateAsync`, & lifecycle hooks for declarative write operations, cache invalidation, & more.
020
Vue School @vueschool.io · 07/10/2025
Vue.js Tip 💡 Need to switch favicons dynamically (alert, recording, offline)? Skip manual edits - use useFavicon from VueUse. It’s reactive, clean, and perfect for toggling pre-rendered icons. No DOM hacks - just Vue.js magic.✨
010
Vue School @vueschool.io · 09/09/2025
Hey Laravel and VueJS users! Have you heard about fusion from Aaron Francis?
000
Vue School @vueschool.io · 08/09/2025
Generate /llms.txt from your Nuxt Content! 😏
000
Vue School @vueschool.io · 07/09/2025
Get 50 - 100 times faster linting with Oxlint in your new Vue projects! Just select from it at setup time 💪
000
Vue School @vueschool.io · 06/09/2025
⚡ Nitro (& Nuxt) supports experimental scheduled tasks, but they don’t work on Netlify yet. 🔧 Use Netlify Scheduled Functions to trigger Nuxt API endpoints instead. 🛠️ Steps to Implement •Create task logic as a Nuxt API endpoint. •Build a Netlify Scheduled Function to call the endpoint. [1/2]↓
110
Vue School @vueschool.io · 05/09/2025
🧠 Tip of the day: Set `nitro.experimental.openAPI` to true in `nuxt.config` and define openAPI meta data directly in your API handler files. Why? For those sweet auto-generated API docs of course! 🔥
000
Vue School @vueschool.io · 04/09/2025
If you use $fetch in a server side API endpoint in a Nuxt app to make a request to another INTERNAL api endpoint, Nuxt skips the HTTP layer and just does the thing in that endpoint! 🤯 Awesome DX for easy performance!
020
Vue School @vueschool.io · 03/09/2025
Did you know you can create custom directives in Vue.js? Have you done this before? If so, what was the use case? 🤔
000
Vue School @vueschool.io · 02/09/2025
💡 Tip of the day: Slot content is not just limited to text. That makes them a great alternative to props for use cases where you need more flexible input.
000
Vue School @vueschool.io · 30/08/2025
How to implement useAsyncData for parallel requests: 👩‍💻 To implement `useAsyncData`, you can replace your existing `useFetch` calls with `useAsyncData` and `Promise.all`. ⬇️
130
Vue School @vueschool.io · 29/08/2025
💡Tip of the day: Add contextual information to your errors without losing the original details. The pattern in the image shows how to enrich an error with valuable debugging context. 👇 developer.mozilla.org/en-US/docs/We…
210
Vue School @vueschool.io · 28/08/2025
💡Tip of the day: Transforming Errors Before Re-throwing. Convert cryptic low-level errors into more meaningful ones: Check the explanation below. 👇
330
Vue School @vueschool.io · 27/08/2025
Let's see how to use error boundaries in Vue applications: 💻 To use error boundaries effectively, you typically wrap potentially problematic components or sections of your application with an error boundary component. Check out the image for a basic usage pattern. 👇
120
Vue School @vueschool.io · 27/08/2025
💡 Tip of the day: Support nonreactive values, refs, and callback functions (getters) in your composables with Vue’s built-in toValue function. (Available starting in Vue 3.3)
020
Vue School @vueschool.io · 26/08/2025
Need to customize your TypeScript configuration in a Nuxt project? 💻 Ensure your config merges with auto-generated types by providing your configs in nuxt.config.ts instead of in the root tsconfig.json.
020
Vue School @vueschool.io · 25/08/2025
Do you know what is a Vue.js error boundary component? 🤔 They catch JavaScript errors in their descendant component tree and smoothly display a fallback UI instead of letting your entire application crash and burn. 👇
120
Vue School @vueschool.io · 25/08/2025
Like Zod? You’ll probably like Valibot too! 😏 vist.ly/44gx3
030
Vue School @vueschool.io · 24/08/2025
Pushing new items to an array? Removing items from an array? Want a watcher to fire for these cases? ⚠️ Don’t forget to use the deep option!
010
Vue School @vueschool.io · 23/08/2025
💡Tip of the day: Auto populate forms from URL query variables with Vue Router and a simple reactive form data variable. Our lead instructor Daniel Kelly uses this little trick all the time in his apps. stackblitz.com/edit/github-utggyq?f…
011
Vue School @vueschool.io · 22/08/2025
💡Tip of the day: Need access to a DOM element right after some state change? Make sure to use Vue’s `nextTick()` function to ensure the DOM updates are complete before accessing! stackblitz.com/edit/github-tvq3cg?f…
000
Vue School @vueschool.io · 21/08/2025
💡Tip of the day: Need to display dynamic rich content in your Tailwind+Vue-powered apps? For example, `&lt; h1&gt;, &lt; p&gt;, <img>, etc` via CMS and need consistent styling? Combine v-html with Tailwind’s typography plugin to get beautifully styled HTML out of the box.
210