Weekly Vue News #184 - Ignoring Nuxt Files During Build Phase

Weekly Vue News #184 Ignoring Nuxt Files During Build Phase View online Hi 👋 Enjoy this issue and have a lovely week ☀️ Vue 📕 Good practices for Vue Computed Properties 👉🏻 This article covers good practices for working with computed properties in Vue, ensuring you get the most out of them. 📕 How I Started Writing Unit Tests for Vue Components 👉🏻 In this article, you'll learn how you can start testing Vue components. 📕 Best VS Code Extensions for Vue.js and Nuxt Developers* 👉🏻 In this comprehensive guide, you'll discover the best VS Code extensions for Vue.js and Nuxt developers. 📹 Conditional Properties in Vue.js 👉🏻 Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue. 👉🏻 In this video, you learn how. 📹 DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) 👉🏻 A discussion on Vue Vapor, Nuxt 4, Conferences, Alien Signals, Vue 4, Nitro and many more topics that will be (most likely) relevant in this year. Nuxt 📕 Async and Sync? How useAsyncData does it all* 👉🏻 Curious about how Nuxt's useAsyncData and useFetch can operate both synchronously and asynchronously? 👉🏻 Discover the intriguing mechanism behind this dual functionality in our latest blog post. 📕 From Local to Production: Deploy the Latest Nuxt Stack with Docker 👉🏻 Learn how to set up Docker with best practices, automate builds with GitHub Actions, and deploy your application anywhere - whether it's Coolify, your own server, or any other platform. 📕 Nuxt Scripts: The Answer to Third-Party Scripts Chaos* 👉🏻 Master third-party script management with Nuxt Scripts. 👉🏻 Boost performance, enhance privacy, and simplify integrations. 📕 Hosting Open-Source Translation Models on AWS SageMaker for Automated Blog Localization 👉🏻 This post takes a deep dive into deploying an open-source text-to-text translation (T2TT) model on AWS SageMaker and integrate it into a Nuxt Content blog. 🛠️ OpenAPI TypeScript 👉🏻 Nuxt client for this open source OpenAPI to TypeScript codegen is currently in beta. 💡 Nuxt Tip: Ignoring Files During Build Phase The .nuxtignore.nuxtignore file in Nuxt 3 plays a crucial role in optimization and project management, allowing developers to specify files and directories that should be ignored during the build process. This can significantly improve build times and reduce the final bundle size, which is essential for performance-focused applications. The .nuxtignore.nuxtignore file is similar to .gitignore.gitignore but is specifically tailored for Nuxt applications. By defining which files or directories to ignore, you can ensure that unnecessary assets do not get compiled into your application: 1# ignore layout foo.vue 2layouts/foo.vue 3# ignore layout files whose name ends with -ignore.vue 4layouts/*-ignore.vue 5 6# ignore page bar.vue 7pages/bar.vue 8# ignore page inside ignore folder 9pages/ignore/*.vue 10 11# ignore route middleware files under foo folder except foo/bar.js 12middleware/foo/*.js 13!middleware/foo/bar.js 📅 Events Vuejs Amsterdam (12 - 13 March 2025, Amsterdam, Netherlands) Vueconf.US (13 - 15 May 2025, Tampa, Florida) MadVue (29 May 2025, Madrid, Spain) 💬 Quote of the week 🧑🏻‍💻 In Other News 📕 A checklist for your tsconfig.json 👉🏻 "In order to feel more confident about my tsconfig.json, I decided to go through the tsconfig.json documentation, collect all commonly used options and describe them" 📕 TypeScript enums: use cases and alternatives 👉🏻 This post covers exhaustiveness checks and member enumeration for enums and their alternatives, along with when to use enums versus alternative patterns. 📕 Things people get wrong about Electron 👉🏻 A long-time maintainer of the Electron cross-platform app framework stands by the technical choices Electron has made over the years and defends it against some of the more common criticisms here. 🛠️ Requestly 👉🏻 An open-source HTTP interceptor for browsers and mobile apps that offers features like API mocking, rule editing, and session collaboration. 🛠️ Stats 👉🏻 A macOS system monitor app that provides CPU, GPU, memory, disk, network, battery, sensor, and Bluetooth monitoring in the menu bar. 😂 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