As promised, here's a sneak peek at the SaaS Starter Kit I've been working on over the past few weeks!
It's a highly opinionated boilerplate project built with Nuxt UI v3 Pro and NuxtHub, designed to streamline SaaS development. Since I plan to sell it, this starter kit won't be free and the price will be about $69. You'll also need a Nuxt UI Pro license and be ready to deploy on NuxtHub. If that doesn't fit your needs, a more flexible starter kit might be a better choice.
You can check it out a early demo of the kit here.
For the best experience, log in with the following demo admin user credentials:
Email: bsw799za8@mozmail.com
Password: NuxtStarterKit2025!
The kit is feature-complete, but I'm waiting for stable releases of Nuxt UI Pro v3 and Nuxt Content v3 before publishing it.
Feel free to join the waitlist in the footer of the demo page, if you are interested. Stay tuned for more updates!
If you're an experienced JavaScript developer or want to level up your TypeScript skills, with Total TypeScript you'll learn everything you need to build a TypeScript product from scratch.
Use MOKK30 to get 30% on your pre-order. The code is valid until March 1st.
👉🏻 In this video, the author shares the full story of how he created a fun and addictive Suika game clone with Nuxt.
💡 Nuxt Tip: Scroll to the Top Before Rendering a Page
definePageMetadefinePageMeta is a compiler macro that you can use to set metadata for your pages. With the scrollToTopscrollToTop parameter you tell Nuxt to scroll to the top before rendering the page or not:
If you want to overwrite the default scroll behavior of Nuxt, you can do so in ~/app/router.options.ts~/app/router.options.ts (see custom routing) for more info.
👉🏻 The CSS Variables Editor browser extension allows users to manage and test CSS variables, including AI-generated palettes and accessibility checks, directly within their web app.
😂 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.
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
Hey! In yesterday's email I shared what I think is the key feature to making Vue components highly reusable: Scoped slots. But scoped slots are hard to grasp, and even more difficult to master. So today, we're going to make sure we understand them on a deep, intuitive level. Then, I'm going to introduce you to the magic ✨ of scoped slots. The trick is to think of them as functions. Slots are just functions We're going to recreate the functionality of slots, but we'll use a regular Javascript function that only returns HTML. This is the code we'll replicate: <!-- Parent --> < template > < div class = "modal-container" > < div class = "modal" > Content in the Parent < Child class = "mb-4" v-slot = "{ text }" > ...
评论
发表评论