Introducing Motion for Vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
motion.dev
Introducing Motion for Vue - Motion Blog
Motion finally arrives on Vue, complete with variants, scroll, layout animations, and everything else you love from Framer Motion.
❤1👍1🔥1
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
YouTube
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwindcss version 4 with a Vue project via the tailwind Vite plugin. Also learn how to install Tailwind CSS with a Nuxt project. Both are straightforward and rely on the Vite plugin to do the heavy lifting.
Heads up, this is only an…
Heads up, this is only an…
❤1👍1
Handling large lists efficiently in Vue 3
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
DEV Community
Handling large lists efficiently in Vue 3
Handling large lists in Vue 3 efficiently is crucial for maintaining smooth performance and a great...
❤4
Vue 3 Really Doesn’t Need Pinia
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
Medium
Vue3 Really Doesn’t Need Pinia!!!
My article is open to everyone; non-member readers can click this link to read the full text.
👍3❤1
Vue animations just got WAY better
Motion (previously Framer Motion) has been one of the things that made the author jealous of React devs.
But now, with an official Vue integration, it's quickly becoming his go-to way of making advanced animations in Vue. - https://www.youtube.com/watch?v=wvINSME-FMs
#vue
Motion (previously Framer Motion) has been one of the things that made the author jealous of React devs.
But now, with an official Vue integration, it's quickly becoming his go-to way of making advanced animations in Vue. - https://www.youtube.com/watch?v=wvINSME-FMs
#vue
YouTube
Vue animations just got WAY better
Motion (previously Framer Motion) has been one of the things that made me jealous of React devs. But now, with an official Vue integration, it's quickly becoming my go-to way of making advanced animations in Vue.
RESOURCES
blog post - https://motion.de…
RESOURCES
blog post - https://motion.de…
👍3❤2
Vue Native? Vue + Lynx
The development of Vue + Lynx represents an exciting opportunity for Vue developers to build truly native mobile applications while leveraging their existing web development skills. - https://medium.com/vue-mastery/vue-native-vue-lynx-88cbf44710e5
#vue
The development of Vue + Lynx represents an exciting opportunity for Vue developers to build truly native mobile applications while leveraging their existing web development skills. - https://medium.com/vue-mastery/vue-native-vue-lynx-88cbf44710e5
#vue
Medium
Vue Native? Vue + Lynx
Explore how Lynx.js can revolutionize native app development with Vue, enhancing performance and scalability for mobile applications.
👍4
Give Your Web Apps a Voice with Eleven Labs AI
"Nuxt Content Narrator" brings a new dimension to your content by making it accessible through high-quality voice narration with very little effort. - https://vueschool.io/articles/vuejs-tutorials/nuxt-content-text-to-speech-with-eleven-labs
#vue
"Nuxt Content Narrator" brings a new dimension to your content by making it accessible through high-quality voice narration with very little effort. - https://vueschool.io/articles/vuejs-tutorials/nuxt-content-text-to-speech-with-eleven-labs
#vue
vueschool.io
Give Your Web Apps a Voice with Eleven Labs AI - Vue School Articles
Bring your Nuxt Content pages to life with Nuxt Content Narrator, a seamless integration of Eleven Labs’ text-to-speech technology. Easily convert Markdown content into high-quality, natural-sounding audio with synchronized text highlighting and a customizable…
❤3
Modular Architecture in Nuxt
In this article, you’ll dive into what makes Nuxt’s modular system so powerful and how you can leverage it effectively in your projects. - https://dev.to/jacobandrewsky/modular-architecture-in-nuxt-4jh9
#vue
In this article, you’ll dive into what makes Nuxt’s modular system so powerful and how you can leverage it effectively in your projects. - https://dev.to/jacobandrewsky/modular-architecture-in-nuxt-4jh9
#vue
DEV Community
Modular Architecture in Nuxt
Nuxt is known not only for its Performance and Developer Experience but also for its modular...
👍2
Why You Should Start Using useNuxtData
State management is hard, but Nuxt has built-in features that can help you without using any other libraries.
For example, useNuxtData is a composable that you can use to implement optimistic updates. - https://www.youtube.com/watch?v=e-_u6swXRWk
#vue
State management is hard, but Nuxt has built-in features that can help you without using any other libraries.
For example, useNuxtData is a composable that you can use to implement optimistic updates. - https://www.youtube.com/watch?v=e-_u6swXRWk
#vue
YouTube
Why You Should Start Using useNuxtData
State management is hard, but Nuxt has built-in features that can help you without using any other libraries. useNuxtData is a composable that I've bee using a lot more recently, especially to create optimistic updates.
RESOURCES
useNuxtData docs - ht…
RESOURCES
useNuxtData docs - ht…
👍3❤1
Nuxt Server Components vs. Lazy Hydration
We all want less JavaScript and better performance.
Both, Nuxt Server Components and Lazy Hydration can help with that in different ways.
In this video, you learn how both work and what the differences are, plus when to use either. - https://www.youtube.com/watch?v=Jijoc0RH_tA
#vue
We all want less JavaScript and better performance.
Both, Nuxt Server Components and Lazy Hydration can help with that in different ways.
In this video, you learn how both work and what the differences are, plus when to use either. - https://www.youtube.com/watch?v=Jijoc0RH_tA
#vue
YouTube
Nuxt Server Components vs. Lazy Hydration
We all want less JavaScript and better performance. Both, Nuxt Server Components *and* Lazy Hydration can help with that in different ways. In this video, you learn how both work and what the differences are, plus when to use either!
---
Links and Resources…
---
Links and Resources…
👍3❤2
Optimizing heavy operations in Vue with Web Workers
In this article, you'll explore how to use Web Workers in a Vue 3 project to keep the UI responsive while running CPU-heavy tasks. - https://dev.to/jacobandrewsky/optimizing-heavy-operations-in-vue-with-web-workers-3j1b
#vue
In this article, you'll explore how to use Web Workers in a Vue 3 project to keep the UI responsive while running CPU-heavy tasks. - https://dev.to/jacobandrewsky/optimizing-heavy-operations-in-vue-with-web-workers-3j1b
#vue
DEV Community
Optimizing heavy operations in Vue with Web Workers
Heavy computations on the main thread can lead to sluggish UI, dropped frames, and poor user...
❤2👍1
Secure a Vue app with OpenID Connect and the BFF pattern
In this post, we’ll look at the basic architecture of a BFF solution, the responsibilities of each component, and how it all fits together. - https://duendesoftware.com/blog/20250409-secure-vue-app-with-openid-connect-bff-pattern
#vue
In this post, we’ll look at the basic architecture of a BFF solution, the responsibilities of each component, and how it all fits together. - https://duendesoftware.com/blog/20250409-secure-vue-app-with-openid-connect-bff-pattern
#vue
Duendesoftware
Duende Software - Identity and Access Management for .NET
We help companies using .NET to build identity and access control solutions for modern applications.
❤1👍1
Handling File Uploads in Nuxt with useStorage*
This guide demonstrates how to validate, store, and manage file uploads efficiently in Nuxt using built-in server utilities. - https://vueschool.io/articles/vuejs-tutorials/handling-file-uploads-in-nuxt-with-usestorage/
#vue
This guide demonstrates how to validate, store, and manage file uploads efficiently in Nuxt using built-in server utilities. - https://vueschool.io/articles/vuejs-tutorials/handling-file-uploads-in-nuxt-with-usestorage/
#vue
vueschool.io
Handling File Uploads in Nuxt with useStorage - Vue School Articles
Learn how to implement secure and flexible file uploads in your Nuxt application using the useStorage composable and Unstorage’s unified API. This step-by-step guide covers everything from validation to storage and serving files, making it easy to build a…
👍2❤1
Generating a Dynamic Sitemap in Nuxt 3*
Sitemaps are very essential to improving SEO and in this article, explore how to create a dynamic sitemap for your Nuxt 3 project.
Handles both static and dynamic routes with ease. - https://masteringnuxt.com/blog/generating-a-dynamic-sitemap-in-nuxt-3
#vue
Sitemaps are very essential to improving SEO and in this article, explore how to create a dynamic sitemap for your Nuxt 3 project.
Handles both static and dynamic routes with ease. - https://masteringnuxt.com/blog/generating-a-dynamic-sitemap-in-nuxt-3
#vue
Masteringnuxt
Generating a Dynamic Sitemap in Nuxt 3
Sitemaps are very essential to improving SEO and in this article, explore how to create a dynamic sitemap for your Nuxt 3 project. Handles both static and dynamic routes with ease.
👍1
Build a Full Stack Apple Notes Web App with Auth & Nuxt 3
In this video, you'll learn how to build your own version of Apple Notes with Nuxt. - https://www.youtube.com/watch?v=JTAo08f74GA
#vue
In this video, you'll learn how to build your own version of Apple Notes with Nuxt. - https://www.youtube.com/watch?v=JTAo08f74GA
#vue
YouTube
Build a Full Stack Apple Notes Web App with Auth & Nuxt 3
The first 500 people to use my link https://skl.sh/chriscourses11241 will get a 1 month free trial of Skillshare premium!
Figma File: https://www.figma.com/design/uFsk0a2s9SIOGaTU8o5MUy/NoteNest
GitHub Source Code: https://github.com/chriscourses/notenest…
Figma File: https://www.figma.com/design/uFsk0a2s9SIOGaTU8o5MUy/NoteNest
GitHub Source Code: https://github.com/chriscourses/notenest…
👍1🔥1
Nuxt Server Routes: Build a Full-Stack App with Zero Backend
In this article, you'll dive into what Nuxt server routes are.
Learn why they feel magical, and how to build a simple full-stack app that talks directly to a database — no separate server needed. - https://dev.to/jacobandrewsky/nuxt-server-routes-build-a-full-stack-app-with-zero-backend-bp9
#vue
In this article, you'll dive into what Nuxt server routes are.
Learn why they feel magical, and how to build a simple full-stack app that talks directly to a database — no separate server needed. - https://dev.to/jacobandrewsky/nuxt-server-routes-build-a-full-stack-app-with-zero-backend-bp9
#vue
DEV Community
Nuxt Server Routes: Build a Full-Stack App with Zero Backend
When people hear "full-stack," they usually think of a separate frontend and backend applications....
❤1👍1
How to Use Pinia for State Management in Vue
In this article, you’ll learn how to use Pinia to manage application state in a Vue 3 project — from installation to real-world usage. - https://dev.to/jacobandrewsky/how-to-use-pinia-for-state-management-in-vue-535
#vue
In this article, you’ll learn how to use Pinia to manage application state in a Vue 3 project — from installation to real-world usage. - https://dev.to/jacobandrewsky/how-to-use-pinia-for-state-management-in-vue-535
#vue
DEV Community
How to Use Pinia for State Management in Vue
State management is a critical part of building modern front-end applications. If you've worked with...
❤3👍1
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Hackernoon
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue.js
❤3👍1
Handling internationalisation (i18n) in Vue
This article introduces you to the topic of i18n and show you how you can achieve that in both Vue and Nuxt frameworks. - https://dev.to/jacobandrewsky/handling-internalisation-i18n-in-vue-2nof
#vue
This article introduces you to the topic of i18n and show you how you can achieve that in both Vue and Nuxt frameworks. - https://dev.to/jacobandrewsky/handling-internalisation-i18n-in-vue-2nof
#vue
DEV Community
Handling internationalisation (I18N) in Vue
I always struggled with implementing support for internationalisation in my Vue and Nuxt apps. The...
👍1
Building charts in Vue with D3
In this guide, you’ll explore how to combine Vue and D3 to build dynamic, interactive charts. - https://dev.to/jacobandrewsky/building-charts-in-vue-with-d3-38gl
#vue
In this guide, you’ll explore how to combine Vue and D3 to build dynamic, interactive charts. - https://dev.to/jacobandrewsky/building-charts-in-vue-with-d3-38gl
#vue
DEV Community
Building charts in Vue with D3
Creating data visualizations in modern web apps often requires both flexibility and reactivity....
👍1