Turn emails into revenue with Brew. No credit card, free credits to try.
vueschool.io · newsletter
Explore this email design and adapt it to your own brand. Review the copy, links, and offer before sending.
Vue School website
Hi John,
VoidZero’s March launch week packed a lot into a few days: Vite+ is now fully open source under MIT, Vite 8 leans hard on Rolldown, and Void aims to own the deploy side of the Vite story. Plus, dig into Nuxt MCP Toolkit Code Mode and the latest in CSS.
Vite+ is open source: one vp CLI for dev, test, lint, format, and build
Announcing Vite+ Alpha
VoidZero announced that Vite+ is open source under the MIT license. What was originally announced as a premium product is now free for all to use! Great decision on the part of the VoidZero team in order to reach the goal of a unified JavaScript toolchain.
Vite+ bundles Vite, Vitest, Oxlint, Oxfmt, Rolldown, and tsdown behind a single global binary, vp, with Vite Task for cached, dependency-aware runs (including monorepos).
For day-to-day work, the pitch is fewer moving parts and a faster workflow: one root config story, consistent commands, and optional help with Node and your package manager (vp env, vp install).
vp dev / vp build / vp test / vp check – dev server, Rolldown-powered production builds, Vitest, and combined lint + format + typecheck
vp run – package.json scripts with input fingerprinting and caching (familiar if you like pnpm-style ergonomics)
vp create, vp migrate, vp pack – scaffolding, migration, and library/app packaging workflows
If you live in Vue / Nuxt / Vite land, this is less “yet another tool” and more an “opinionated default stack you can migrate to in an afternoon”.
→ Read Announcing Vite+ Alpha
Void: Fullstack Vite-Native Deploy
At VueJS Amsterdam Evan You announced Void, joking it stands for the “Void Optimized Isomorphic Deploy” platform. But the announcement is no joke! Vite's foray into the backend world is real boasts a ton of practical features.
Void deploys your app to Cloudflare Workers at the edge (no Cloudflare account needed) with a one-step CLI (void deploy) and a single Vite plugin. Out-of-the-box, it gives you instant backend capabilities:
serverless D1 (SQLite) database
KV storage
object storage (R2)
authentication (Better Auth)
AI integration
file-based cron jobs – all simulated locally, auto-provisioned in production.
Void focuses on unifying the developer workflow:
migrations and type-safe backend generated from Drizzle ORM schemas
typed server actions/loaders
tightly coupled form helpers
and Incremental Static Regeneration (ISR) with edge caching are all standard
Void plugs right into popular Vite meta-frameworks (Nuxt, SpellKit, Tanstack Start) or can be used standalone for route-agnostic projects.
Void is in private beta now void.cloud, and shows real promise as a one-command, all-in, type-safe Vite fullstack solution.
→ Join Void early access
Or watch the Void annoucement video with Evan You.
💡Nuxt + AI tip: Implementing RAG in your Nuxt apps is easy with the Google Gemini Files Search API. We're building a course right now on this very topic!
Nuxt MCP Toolkit Code Mode: fewer round-trips, lower token burn
Another update worth calling out is Nuxt MCP Toolkit’s new Code Mode. Instead of making tool calls one-by-one across multiple turns, agents can execute a single code tool that runs JavaScript orchestrating many tool calls at once.
Why this is interesting in practice:
One execution, many operations – better for multi-step tasks that usually require repeated back-and-forth.
Token savings scale with tool count – the docs show much bigger wins as servers expose more tools.
Native JS control flow – if/else, loops, Promise.all, and error handling in one run.
Security by sandboxing – execution happens in an isolated V8 environment with no filesystem or general network access.
Wider applicability – this approach could reach far beyond Nuxt, into any MCP-based tooling.
It is still marked experimental, but for teams building MCP-heavy Nuxt workflows this could be a meaningful latency + cost improvement.
→ Read the Nuxt MCP Toolkit Code Mode docs
Trending: “CSS can do that now”. Scroll-driven animations and fewer JS dependencies
A recurring 2025–2026 theme across blogs and guides is native CSS replacing small JS libraries: container queries, :has(), native nesting, color-mix() / oklch(), and especially scroll-driven animations (animation-timeline, view()), which chip away at scroll-jank libraries for many marketing and docs sites.
If you ship Vue or Nuxt landing pages, it is worth skimming a some current CSS roundups like What’s New in CSS 2026, or The Latest in CSS 2026. The language has come a long way since I first started using it and it's definitely worth trying one new feature in a real component before adding another dependency.
→ Browse a 2026 CSS feature roundup
Vue Quiz Time!
Test your Vue knowledge! Here’s a quick quiz, how many can you get right?
1. Which core Vue feature allows you to bind an input value to component state with minimal code?
a) v-for
b) v-if
c) v-model
d) v-html
2. In Vue 3's Composition API, which function is used to create reactive state?
a) computed
b) ref
c) watch
d) provide
3. Which tag in a standard Vue SFC defines the component’s reactive logic?
a) <template>
b) <style>
c) <script>
d) <config>
→ Answers at the end of the email! 📝
Resources worth reading around the Vue-niverse and beyond
Finally, some interesting links from the community and the wider web that I stumbled upon this week:
Made With Vue.js highlighted Nuxt Upload Kit – worth a look if you are wiring uploads in Nuxt this week.
Eduardo San Martin Morote (posva) on mapping CLI parameters to environment variables – handy for tooling and scripts.
Diffity is a new diff/PR tooling in the ecosystem – bring GitHub-style diff viewer and code review tool without directly to local
Esther Obode (EOEboh) posted a code review checklist thread – short, practical reminders before you hit “approve.”
Nuxt skill hub – another Nuxt approach for AI agents
Lightpanda Browser – The headless browser built from scratch for AI agents and automation. Not a Chromium fork. Not a WebKit patch. A new browser, written in Zig.
Quiz Time: ✅ Correct answers
c) v-model – binds input values directly to reactive state.
b) ref – creates a reactive reference for state.
c) <script> – holds the logic and reactivity setup in a Vue SFC.
How many did you get right?
I hope you found these updates and insights useful. If there's a Vue or Nuxt topic you want us to dig into like this, feel free to reply and let us know!
PS. If you want access to the full Vue School premium course library, yearly plans are currently available at 40% off.
Daniel Kelly
Lead Instructor,
vueschool.io
X
GitHub
BlueSky
YouTube
TikTok
Vue School is proudly part of BitterBrains – Making Developers’ Lives Easier
Become a BitterBrains Community Supporter here.
Courses | Vue.js Master Class | Workshops | Tutorials | Plans | Sign in
🔕 Not interested? Mute Developer Insights here.
You received this email because you are subscribed to Marketing Information at thomas+vueschool@brew.marketing.
Manage email preferences
2093 Philadelphia Pike #9442, Claymont, Delaware 19703, United States