Weekly Vue News #149 - NuxtHub: A deployment and administration platform for Nuxt

Weekly Vue News #149 NuxtHub: A deployment and administration platform for Nuxt View online Hi 👋 You can now sponsor this newsletter via GitHub Sponsors. Your support helps me to continue running this newsletter. In other news, I refactored the server code that is responsible to send this newsletter. Previously I used AWS Lambda functions but I moved them to Nuxt server routes instead. This simplifies the deployment and maintenance. As with any big refactoring, let's hope that it does not cause any major issues 🙈🤞🏻 Have a nice week ☀️ Vue 📕 Want Out of React Complexity? Try Vue's Progressive Framework 👉🏻 Unlike React frameworks, Vue doesn't try to shoehorn everything into JavaScript — although advanced JavaScript is available if you need it. 📕 How to Structure a Large Scale Vue Application 👉🏻 Daniel tries to answer question what is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows. 📕 How to Implement Passkeys in Vue.js Apps 👉🏻 This tutorial demonstrates how to integrate passkey authentication in a Vue.js application using Corbado. 📹 Vue.js Hydration Demystified 👉🏻 In this talk, Alexander takes a deeper look into Vue's hydration process and explores why it is needed in the first place, what it actually does and how it can "fail". 🛠️ Vue The Mask 👉🏻 A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js 💚 Want More Exclusive Vue Tips Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week. Nuxt 📹 Building a plain SPA with Nuxt!? 👉🏻 While you can use plain Vue to build a fully client-side rendered application, Nuxt is also capable of building good old SPAs. 👉🏻 In this video, you'll learn how it works, what you can set up and why you should use Nuxt for it. 🛠️ Nuxt Layers Utils 👉🏻 A collection of utilities to work with Nuxt layers. 🔥 NuxtHub: A deployment and administration platform for Nuxt The Nuxt team announced the beta release of NuxtHub, a new way to build full-stack Nuxt applications globally with zero configuration. NuxtHub is an extension of the Nuxt framework to help you build full-stack applications on your Cloudflare account, with zero configuration. Using the open source NuxtHub module you can access a SQL database, blob and KV storage (and more features) with zero configuration. Besides the NuxtHub module, NuxtHub admin is a web based dashboard to manage your NuxtHub applications. It helps you deploy your NuxtHub apps with a single command on your Cloudflare account while provisioning all the necessary resources for you. You can sign up for free but there is a paid Pro plan available for higher limits and team features. The following image illustrates how NuxtHub works: For more information you should read the NuxtHub beta announcement blog post. 📅 Events VueConf CN 2024 (6 July 2024, Shenzhen, China) PrageVue 2024 (17 September 2024, Prag, Czech Republic) vuejs.de Conf (8 - 9 October 2024, Bonn, Germany) Vue Fes Japan 2024 (19 October 2024, Otemachi, Japan) VueConf Toronto (18 - 20 November 2024, Toronto, Canada) 💬 Quote of the week 🧑🏻‍💻 In Other News 📕 How to document your JavaScript package 👉🏻 JSDoc is used to document JavaScript packages. 👉🏻 It helps users understand how to use your code and provides additional context within their workflow. 📹 Navigating the JavaScript framework ecosystem 👉🏻 Google Chrome has published a talk that provides a comprehensive overview of the latest trends, updates, and best practices in popular frameworks like Angular, React, Vue, and rising JS frameworks like Svelte and SolidJS. 🛠️ Mitosis 👉🏻 Allows developers to maintain a consistent design system across all frameworks. 👉🏻 It allows developers to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more. 🛠️ Background Removal 👉🏻 Really fast, in-browser, works well. 🛠️ Dependabot 👉🏻 GitHub open-sourced Dependabot, which is a tool it uses to monitor and update the dependencies of projects hosted on its platform. 😂 Fun 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 X thread 📨 Reply to this email: feedback is welcome Unsubscribe from this newsletter Holzapfelkreuther Str. 19, 81375 Munich, Germany