Vue School
banner
vueschool.io
Vue School
@vueschool.io
470 followers 120 following 860 posts
#1 source for learning Vue.js & the ecosystem. Trusted by 200,000+ developers worldwide. https://vueschool.io/
Posts Media Videos Starter Packs
Here’s the best part 🎁

In 1 weeks time, from November 8–9, our entire course library (of 80+ courses) - including this one - will be 100% FREE to watch for 48 hours.

Sign up to secure your spot 👇
https://vue.school/vsfw25x
🧠 25 lessons · ⏱️ 2 hours · 🧩 Intermediate level

You’ll master:
⚙️ Component & update optimization (`v-memo`, `v-once`, computed tricks)
⚡ Load-time improvements with tree shaking, lazy hydration, & code splitting
🔍 Debugging slowdowns using Vite Bundle Analyzer, Vue DevTools & Chrome tools
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 👇🧵
On November 8-9, we are giving you complete & free access to our top premium course - Pinia: The Enjoyable Store, to make sure your apps flow smoothly!

Save your seat👇 https://vue.school/vsfw25advanced
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. 🧵
Vue Component Design 🎨

This 1-hour premium Vue.js course will be unlocked on November 8-9, and you can access it free of charge to learn scalable design patterns, like branching, smart/dumb separation, slot strategies, and list architecture.

Save a seat at https://vue.school/vsfw25beginner
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! 🧵
We just released new lessons for our Nuxt UI course on theming and customizing components with Nuxt UI!

Watch them here👇
https://vueschool.io/courses/nuxt-ui-build-a-dashboard-template
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
💡 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.
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.✨
Reposted by Vue School
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 🗓️ https://aidd.io/
We’re going to @viteconf.org 2025 in Amsterdam in Oct! 🇳🇱

Meet the team, get goodies & hear from Vue/Nuxt/Vite leaders like Evan You, Daniel Roe, Anthony Fu & more!

€50 off your ticket with code certificates50 🎟️

Find out more & get your ticket👇
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
Hey Laravel and VueJS users! Have you heard about fusion from Aaron Francis?
Generate /llms.txt from your Nuxt Content! 😏
Get 50 - 100 times faster linting with Oxlint in your new Vue projects! Just select from it at setup time 💪
⚡ 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]↓
How do you structure your Nuxt middleware for secure routes?
🧠 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! 🔥
What’s one Nuxt UI v3.3 feature you can’t wait to explore? 🧠
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!
How do you use Vue’s latest updates to enhance user navigation?