Weekly Vue News #198

Nuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI

Hi 👋

I've partnered with the Nuxt team to offer a special discount for Nuxt UI Pro! Use the code NUXTSTARTERKIT NUXTSTARTERKIT to get 20% off. That means you can grab both Nuxt UI Pro and my Nuxt Starter Kit together for $249, the usual price of UI Pro alone.

I'm also building a new micro SaaS on top of the starter kit: it's called Sigxel, a tool to create and manage email signatures. It still needs some polish, but the core functionality is there. I built it to solve my own need, but maybe it'll be helpful for some of you too. Big thanks to Hugo for his open-source project Inkly, which inspired it!

Enjoy this issue and have a lovely week ☀️

Vue

📕 Building charts in Vue with D3

👉🏻 In this guide, you'll explore how to combine Vue and D3 to build dynamic, interactive charts.

📕 How Vue.js Developers Can Use AI Coding Agents to Build Faster*

👉🏻 This article explores how Vue developers can harness AI coding agents to supercharge their productivity, using practical examples with Vue and Nuxt.

🎧 Motion for Vue (with Matt Perry)

👉🏻 In this episode of DejaVue, Michael and Alex chat with Matt Perry, the creator of Motion (formerly Framer Motion), about animations in web development.

Nuxt

📕 Nuxt's Data Layer Has Been Rewritten: 5 New Features You Need to Know*

👉🏻 Discover the completely rewritten data fetching layer in Nuxt 3.17 featuring reactive keys, deduped watch calls, shared refs, granular caching, and improved developer experience.

👉🏻 Learn how these performance enhancements make useAsyncData more powerful for your Vue applications.

📕 Mastering Custom Themes in Nuxt UI*

👉🏻 Learn how to create a custom theme in Nuxt UI using Tailwind CSS v4, from fonts and dark mode to color tokens and component-level styling.

👉🏻 This guide walks you through building a fully branded design system with token-based theming and minimal configuration.

📹 Daniel Roe - Building a better Hammer with Nuxt 4

👉🏻 An interesting presentation by Daniel Roe, Nuxt Core Team Lead

👉🏻 Whether you're already using Nuxt or just curious about modern web frameworks, this session will leave you inspired by clean patterns, best practices, and behind-the-scenes philosophy that powers today's Vue ecosystem.

🛠️ Sink

👉🏻 A simple, speedy, secure link shortener with analytics.

👉🏻 Source code is open-source and built with Nuxt.

Launch Your Nuxt App in Minutes - Not Weeks

I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vueconf.US (19 - 21 May 2025, Tampa, Florida)

MadVue (29 May 2025, Madrid, Spain)

PragVue (23 September 2025, Czech Republic)

VueFes (25 October 2025, Otemachi, Japan)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Plain Vanilla Web

👉🏻 This website provides tutorials and resources on building websites and web applications using only vanilla HTML, CSS, and JavaScript, without the use of frameworks or build tools.

📕 The power of the spread and rest syntax in JavaScript

👉🏻 A quick run through the opportunities opened up with just three little dots.

🛠️ Critical CSS

👉🏻 Critical CSS is the minimal CSS needed for above-the-fold content.

👉🏻 This tool helps generate critical CSS, which helps to improve website performance.

🛠️ k6

👉🏻 A full-featured, configurable load generation tool that uses the Sobek Go-powered JavaScript engine to support writing test scripts in JavaScript.

👉🏻 v1.0 promises stability, first-class TypeScript support, and better extensibility.