Weekly Vue News #219 - Nuxt Deep Dive: Passkeys, Environment Configs & the Great Next.js Showdown

Ready for your weekly Vue & Nuxt dose?  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ Weekly Vue News #219 Nuxt Deep Dive: Passkeys, Environment Configs & the Great Next.js Showdown View online Hi 👋 This week's issue includes a bunch of great videos and articles for you. Enjoy this issue and have a lovely week ☀️ Vue 📕 How to Copy to Clipboard In Vue* 👉🏻 Copy-to-clipboard is a tiny UX win that makes apps feel polished. 👉🏻 The easiest way to ship it in Vue is with VueUse's useClipboard composable. 📕 Shadcn Vue – Elegant, Customizable UI Components for Modern Vue Apps 👉🏻 Shadcn Vue is a modern, flexible, and highly customizable UI solution for Vue applications. 📕 How to Write Better Pinia Stores with the Elm Pattern 👉🏻 By combining the Elm architecture with Pinia's private store pattern you get a pattern that scales from simple forms to complex domain logic while keeping your code maintainable and your tests simple. 📹 Vite: The Documentary 👉🏻 Featuring many prominent developers in the JS ecosystem, this documentary dives into the innovation, competition, and collaboration that turned Vite from an underdog prototype into the new standard for modern web tooling. Nuxt 📕 Nuxt Environment Overrides: Clean Config for Every Environment* 👉🏻 Learn how to manage multiple environment configs in Nuxt with ease. 👉🏻 From development to staging and production, streamline your setup with powerful Nuxt tools. 📕 Nuxt vs Next.js: A Practical Comparison 👉🏻 Explore the core differences, ecosystem shape, unique features (with real code), the impact of Vercel's acquisition, benchmark realities, and use-case guidance. 📕 Passkeys in Nuxt – The best Login UX* 👉🏻 This guide walks you through what passkeys are, why they matter, and how to implement a full passkey (WebAuthn) auth flow in Nuxt 4 using Nuxt Auth Utils, Drizzle ORM (SQLite/libSQL), and Nuxt UI. 📹 Build a 3D Nuxt 4 eCommerce Website 👉🏻 This 6h course is perfect for developers who want to learn how to integrate and animate 3D models. 👉🏻 Start from the basics and work up to learn TresJS, Vue's Three.js implementation. 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 VueFes (25 October 2025, Otemachi, Japan) 💬 Quote of the week 🧑🏻‍💻 In Other News 📕 What You Need to Know about Modern CSS (2025 Edition) 👉🏻 An extensive walk through a list of things which are now valuable to know, because they are "pretty fresh or have enjoyed a boost in browser support". 📕 The Temporal Dead Zone, or why the TypeScript codebase is littered with var statements 👉🏻 The TypeScript codebase still uses `var` statements despite their drawbacks due to the performance benefits gained by avoiding the Temporal Dead Zone (which prevents accessing variables before their declaration with `const` and `let`). 📕 You Can Now Make PS2 Games in JavaScript 👉🏻 Athena is a cool project allowing you to make real PS2 games in JavaScript. 📹 How to make your apps smaller? 👉🏻 Performance is crucial and the cost of JS is high. 👉🏻 Check out how you can reduce your bundle size by taking care of your dependencies 📹 Coinbase says 40% of code written by AI, mostly tests and Typescript 👉🏻 Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI - while keeping quality and security front and center. 🛠️ Drunk CSS 👉🏻 Funnily, CSS can be used to simulate the effects of being drunk on a website's interface as a way to highlight accessibility issues. 😂 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 Siegersdorf 18, 94371 Rattenberg, Germany