Don't miss the next edition. Subscribe to the newsletter.
Published at May 19, 2025, 3:00 PMNuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI Ready for your weekly Vue & Nuxt dose? Weekly Vue News #198 Nuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI View online 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. 😂 Fun 🔗 Want more Vue & Nuxt content? More Exclusive Vue Tips : Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week. Weekly Vue & Nuxt Videos : You must subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt. DejaVue Podcast : A weekly podcast about Vue.js and the ecosystem around it. Comments? Join the discussion about this issue in our Discord community . Until next week, Michael Hoffmann (Curator) To support me: 😘 Recommend the newsletter to your friends: it really helps! 💸 Sponsor this newsletter 🦋 Repost the latest BlueSky post 📨 Reply to this email: feedback is welcome * Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter. Unsubscribe Holzapfelkreuther Str. 19, 81375 Munich, Germany {{ TrackView }}