Weekly Vue News #130 - Nuxt Runtime (App) Properties

Weekly Vue News #130 Nuxt Runtime (App) Properties View online Hi 👋 You might have noticed that the newsletter's design changed a bit. I did a large refactoring of the code, and now I use Vue Mail instead of my custom rendering solution that was based on Nuxt Content and mjml. As a result, I have a much more maintainable code base and a well-tested rendering library for my emails. Let me know if you encounter any issues with the new issues. Have a nice week ☀️ Sponsored Win a free ticket for Vue.js Amsterdam 2024 🏆 Win a FREE ticket to attend the Vue.js Amsterdam Conference 2024 ✨ I teamed up with the Vue.js Amsterdam Conference to raffle one ticket to the conference. 👉 Participate here Vue 📕 The Building Blocks of a Greenfield Vue Application in 2024 👉🏻 A list of all the industry-standard tools in the Vue ecosystem. 📕 Globalize Your Vue App: A Practical Guide to Vue 3 Internationalization 👉🏻 A step-by-step guide to creating an international website with Vue 3 and Vite. 📕 Visual Studio Code Shortcuts for Vue.js Developers 👉🏻 A shortcut cheatsheet to improve your coding efficiency and speed using VS Code. 📕 How to create Nuxt Studio like environment for VitePress 👉🏻 JD modified VitePress to create a similar experience like Nuxt Studio provides, where you can just write the content and it shows you the preview of the content in real time. 🛠️ Elements Plus 👉🏻 A Vue 3 component library with a large variety of clean components with a minimal vibe. 👉🏻 Works with Nuxt 3, I use it for CodeSnap.dev Nuxt 📕 Using shared data when generating pages 👉🏻 Daniel explains how you can use the shared 'payload' feature when generating Nuxt 2 apps in Nuxt 3. 📹 Why you should use useState() 👉🏻 Sending state from the server to the client is tricky but necessary when using SSR. 👉🏻 Global state management can also cause headaches. 👉🏻 Nuxt's useState composable solves both of these issues. 📹 Handling Webhooks With Nuxt 3 👉🏻 Learn all the basics about webhooks and how to handle them with server routes in Nuxt 3. 📅 Events Vuejs Amsterdam 2024 👉🏻 28 - 29 February 2024, Amsterdam Vueconf US 2024 👉🏻 22 - 24 May 2024, New Orleans, US 💬 Quote of the week 🔥 Nuxt Tip: Runtime (App) Properties You may currently use process.serverprocess.server or process.clientprocess.client in your Nuxt apps to determine if your code runs on the client or server side. This API is now deprecated, and you should use Import Meta instead: if (import.meta.client) { console.log('Client side')} if (import.meta.server) { console.log('Server side')} 😂 Fun 🧑🏻‍💻 In Other News 📕 Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature 👉🏻 The new feature of explicit resource management in JavaScript and TypeScript reduces boilerplate when handling the lifecycle of various resources. 📕 Guarding JS Objects with Proxy 👉🏻 Learn how to guard JavaScript objects with a Proxy object. 📕 SaaS Kits 👉🏻 A list of useful SaaS kits and starter templates for developers to build your next project faster. 📹 I code Minesweeper in JavaScript! 👉🏻 Ania with a fantastic step-by-step walkthrough video coding Minesweeper in JavaScript. 🛠️ Dependency Cruiser 👉🏻 A JavaScript and TypeScript-compatible package that validates your project's dependencies. 👉🏻 It reports violated rules that you have set. Comments? Join the discussion about this issue here. Until next week, Michael Hoffmann (Curator)

Unsubscribe from this newsletter Holzapfelkreuther Str. 19, 81375 Munich, Germany