--- title: Best Nuxt posts of 2025 | daily.dev description: The most upvoted Nuxt posts of 2025, curated by the daily.dev community. canonical: https://daily.dev/tags/nuxt/best-of/2025 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/nuxt/best-of/2025 og:type: website og:site_name: daily.dev og:title: Best Nuxt posts of 2025 | daily.dev og:description: The most upvoted Nuxt posts of 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Nuxt — 2025 1. 1 [](/posts/nuxt-ui-v4-nuxt-blog-obujhom0h "Nuxt UI v4 · Nuxt Blog") Article Nuxt · 1y Nuxt UI v4 · Nuxt Blog Nuxt UI v4 unifies the previously separate free and Pro versions into a single open-source library, making over 110 components, 12 production-ready templates, and a complete Figma kit available for free. The release includes enhanced AI integration with Vercel's AI SDK v5, improved documentation with AI-ready features, and seamless migration from previous versions. This major milestone was made possible by NuxtLabs joining Vercel, allowing the entire Pro suite to become freely accessible to the Vue and Nuxt community. 180 13 2. 2 [](/posts/announcing-nuxt-4-0-nuxt-blog-zglsdf7mx "Announcing Nuxt 4.0 · Nuxt Blog") Article Nuxt · 1y Announcing Nuxt 4.0 · Nuxt Blog Nuxt 4.0 introduces a stability-focused major release with improved developer experience through cleaner project organization using the new app/ directory structure, smarter data fetching with better useAsyncData and useFetch functionality, enhanced TypeScript support with separate project contexts, and faster CLI performance with native file watching and socket-based communication. The upgrade includes breaking changes but maintains backward compatibility for existing projects, with migration tools and detailed upgrade guides available to ease the transition. 120 3 3. 3 [](/posts/shad-cn-vue-like-nuxt-vue-librarys-fire--kzs1kzljd "Shad cn vue Like Nuxt/Vue Librarys :fire:") Article Vuejs&Nuxtjs · 1y Shad cn vue Like Nuxt/Vue Librarys :fire: A curated list of Vue and Nuxt UI component libraries including Vue Bits for animated components, Inspira UI for reusable designs, shadcn-vue, UI Thing for copy-paste components, Stunning UI with Tailwind CSS integration, LandiNuxt for landing page sections, and Reka UI as the foundational library that many others depend on. 102 20 4. 4 [](/posts/nuxt-3-17-nuxt-blog-z1ahond3u "Nuxt 3.17 · Nuxt Blog") Article Nuxt · 1y Nuxt 3.17 · Nuxt Blog Nuxt 3.17 introduces a major overhaul of the async data layer, adding consistency in data across components and optimized data refetching. New features include the SSR-safe component for time display and enhancements in error handling. Several performance upgrades, developer experiences improvements, and module development enhancements are included, alongside a customizable loading indicator and npm package availability for documentation. 46 1 5. 5 [](/posts/nuxt-4-1-nuxt-blog-wpf9r4ibp "Nuxt 4.1 · Nuxt Blog") Article Nuxt · 1y Nuxt 4.1 · Nuxt Blog Nuxt 4.1 introduces enhanced build stability through import maps that prevent cascading hash changes, experimental Rolldown support for faster Rust-powered bundling, and improved lazy hydration macros. The release includes new module development features like dependency management, lifecycle hooks, and enhanced file resolution utilities. Performance optimizations include better route rules cache management and TypeScript processing improvements. 45 2 6. 6 [](/posts/evan-you-s-thoughts-on-the-nuxt-acquisition-s0op7uyuv "Evan You's thoughts on the Nuxt acquisition") Article Vuejs&Nuxtjs · 1y Evan You's thoughts on the Nuxt acquisition 43 6 7. 7 [](/posts/nuxt-image-v2-nuxt-blog-1atn4vtbx "Nuxt Image v2 · Nuxt Blog") Article Nuxt · 49w Nuxt Image v2 · Nuxt Blog Nuxt Image v2 introduces comprehensive TypeScript support with full type inference for image helpers and composables, upgrades to IPX v3 for improved performance, and adds new providers including GitHub and Shopify. The release includes server-side image helper support in Nitro endpoints, template ref access to native img elements, typed default slots for components, and various bundle size optimizations. Breaking changes require custom providers to migrate to the new defineProvider wrapper, while default screen sizes now align with Tailwind CSS. 41 1 8. 8 [](/posts/nuxt-3-16-nuxt-blog-qhygk9jqh "Nuxt 3.16 · Nuxt Blog") Article Nuxt · 2y Nuxt 3.16 · Nuxt Blog Nuxt 3.16 introduces the new create-nuxt command for faster project setup, upgrades to unhead v2 for improved context handling, and enhancements to Nuxt Devtools including custom editor selection and better debugging tools. The release also brings significant performance improvements, native delayed hydration support, advanced pages configuration, new error handling features, and refinements for module development. Several major versions from the unjs ecosystem have been integrated, focusing on performance and smaller bundle sizes. 40 2 9. 9 [](/posts/roadmap-to-v4-nuxt-blog-qgu1agmna "Roadmap to v4 · Nuxt Blog") Article Nuxt · 1y Roadmap to v4 · Nuxt Blog Nuxt 4 alpha will be released on June 2, 2025, with a stable release by the end of the month. The framework introduces a new directory structure with code in the app/ folder, improved data fetching with better caching, consistent component names, and enhanced head management. Nuxt 5 will follow later with Nitro v3 integration. The team plans a two-stage migration approach to make upgrades smoother, with Nuxt 3 receiving support until end of 2025 and Nuxt 4 supported until mid-2026. 39 1 10. 10 [](/posts/nuxt-4-2-nuxt-blog-tmlz8jnf0 "Nuxt 4.2 · Nuxt Blog") Article Nuxt · 51w Nuxt 4.2 · Nuxt Blog Nuxt 4.2 introduces abort control for data fetching with AbortController signals, enhanced development error pages showing both custom pages and technical overlays, and experimental TypeScript plugin support for improved DX. The release includes opt-in Vite Environment API support, a new @nuxt/nitro-server package for modular server integration, and experimental async data handler extraction that can reduce bundle sizes by up to 39% for static sites. Performance improvements include precomputed renderer dependencies and reduced package dependencies, along with fixes for route hash preservation and component auto-imports. 37 11. 11 [](/posts/weekly-vue-news-190---dynamic-event-names-282uiyh6m "Weekly Vue News #190 - Dynamic Event Names") Article Weekly Vue News · 2y Weekly Vue News #190 - Dynamic Event Names Weekly Vue News edition discusses dynamic event names, providing high-quality tips and curated content to help readers become experts in Vue and Nuxt. It also encourages readers to subscribe for future updates. 32 12. 12 [](/posts/domain-driven-design-with-nuxt-layers-zmewtu0mn "Domain Driven Design With Nuxt Layers") Article Nuxtjs Developers · 1y Domain Driven Design With Nuxt Layers Nuxt Layers are introduced as a versatile tool for organizing codebases effectively by reusing components and structuring code in domains. They prevent spaghetti code and promote structured applications. 31 1 13. 13 [](/posts/weekly-vue-news-227---mastering-nuxt-layers-devtools-vite-8-beta-iilv9zz9n "Weekly Vue News #227 - Mastering Nuxt Layers, DevTools & Vite 8 Beta") Article Weekly Vue News · 44w Weekly Vue News #227 - Mastering Nuxt Layers, DevTools & Vite 8 Beta A weekly newsletter covering Vue.js ecosystem updates, including topics on Nuxt Layers architecture, developer tooling improvements, and the Vite 8 beta release. The newsletter aggregates recent developments and resources for Vue developers. 29 14. 14 [](/posts/weekly-vue-news-229---bundle-insights-browsers-scores-nuxt-ui-powerups-j9fpturic "Weekly Vue News #229 - Bundle Insights, Browsers Scores & Nuxt UI Powerups") Article Weekly Vue News · 42w Weekly Vue News #229 - Bundle Insights, Browsers Scores & Nuxt UI Powerups A weekly newsletter curating Vue.js ecosystem updates, including bundle analysis insights, browser compatibility scores, and Nuxt UI enhancements. Provides developers with a roundup of recent developments in the Vue community. 28 15. 15 [](/posts/nuxt-ui-v3-is-out--dpfftn6rh "Nuxt UI v3 is out ✨") Article All Frontend · 2y Nuxt UI v3 is out ✨ Nuxt UI v3.0 introduces significant improvements including the migration from Headless UI to Rekka UI for better accessibility, Tailwind CSS v4 integration for faster build times and smaller bundle sizes, full compatibility with Vue projects, a new design system for consistent styling, an expanded component library with more flexibility, and improved TypeScript integration for type safety and autocompletion. 24 2 16. 16 [](/posts/weekly-vue-news-198---nuxt-4-deep-dive-d3-tips-and-smarter-coding-with-ai-s0cmwyfi8 "Weekly Vue News #198 - Nuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI") Article Weekly Vue News · 1y Weekly Vue News #198 - Nuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI Explore the latest updates in Nuxt 4, gain tips on using D3 for better data visualization, and learn how AI is transforming coding practices to be smarter and more efficient. 22 17. 17 [](/posts/weekly-vue-news-205---vue-language-tools-3-0-useslots-nuxt-tips-more-59gj3uyaw "Weekly Vue News #205 - Vue Language Tools 3.0, useSlots, Nuxt Tips & More") Article Weekly Vue News · 1y Weekly Vue News #205 - Vue Language Tools 3.0, useSlots, Nuxt Tips & More Weekly newsletter covering Vue.js and Nuxt.js updates including Vue Language Tools 3.0 release, useSlots composable usage, and practical Nuxt development tips. Provides curated content and high-quality tips for Vue and Nuxt developers to stay current with the ecosystem. 21 18. 18 [](/posts/weekly-vue-news-203---vue-3-best-practices-docus-v3-nuxt-4-5-and-more-mg8mh5ge4 "Weekly Vue News #203 - Vue 3 Best Practices, Docus V3, Nuxt 4 & 5, and more") Article Weekly Vue News · 1y Weekly Vue News #203 - Vue 3 Best Practices, Docus V3, Nuxt 4 & 5, and more Weekly newsletter covering Vue 3 best practices, Docus V3 documentation framework updates, upcoming Nuxt 4 and 5 releases, and other Vue ecosystem developments. Provides curated content and tips for Vue and Nuxt developers to stay current with framework updates and community news. 21 19. 19 [](/posts/nuxt-toast---elegant-responsive-and-lightweight-notifications-87yqzhtqm "Nuxt Toast - Elegant, Responsive, and Lightweight Notifications") Article Vuejs&Nuxtjs · 2y Nuxt Toast - Elegant, Responsive, and Lightweight Notifications Nuxt Toast is a sleek, lightweight notification module for Nuxt 3, based on iziToast. It provides easy-to-use toast notifications with full SSR support and extensive customization options. Features include customizable styles, auto-imported composables, and configurable settings via \`nuxt.config.ts\`. 21 20. 20 [](/posts/nuxt-simple-cookie-consent-eqcpgkum2 "Nuxt: Simple Cookie Consent") Article Vuejs&Nuxtjs · 1y Nuxt: Simple Cookie Consent A developer has created a lightweight, headless cookie consent module for Nuxt 3 that provides full control over cookie categories, script injection, and consent logic without imposing styling constraints. The module features categorized script control, consent expiration, versioning, event hooks, SSR safety, and development helpers. It's designed as a community-friendly alternative to bloated existing solutions, offering reactive state management and real-time preference handling while remaining experimental and seeking community feedback. 20 2 21. 21 [](/posts/weekly-vue-news-194---reactive-time-ago-eucmithlg "Weekly Vue News #194 - Reactive Time Ago") Article Weekly Vue News · 1y Weekly Vue News #194 - Reactive Time Ago Weekly Vue News provides high-quality tips and curated content to help you become proficient in Vue and Nuxt. Subscribe to stay updated with the latest developments. 19 1 22. 22 [](/posts/weekly-vue-news-230---what-s-new-in-vue-3-6-nuxt-content-and-dev-performance-w9ptsi1aj "Weekly Vue News #230 - What’s New in Vue 3.6, Nuxt Content, and Dev Performance") Article Weekly Vue News · 41w Weekly Vue News #230 - What’s New in Vue 3.6, Nuxt Content, and Dev Performance A weekly newsletter covering Vue.js ecosystem updates, including Vue 3.6 release highlights, Nuxt Content developments, and developer performance topics. Provides curated news and resources for Vue developers to stay current with framework changes and best practices. 19 [See all Nuxt archives](/tags/nuxt/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/nuxt/best-of/2025#page","url":"https://daily.dev/tags/nuxt/best-of/2025","name":"Best Nuxt Posts of 2025","description":"The most upvoted Nuxt posts of 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/nuxt/best-of/2025#items","numberOfItems":22,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/nuxt-ui-v4-nuxt-blog-obujhom0h","name":"Nuxt UI v4 · Nuxt Blog"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/announcing-nuxt-4-0-nuxt-blog-zglsdf7mx","name":"Announcing Nuxt 4.0 · Nuxt Blog"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/shad-cn-vue-like-nuxt-vue-librarys-fire--kzs1kzljd","name":"Shad cn vue Like Nuxt/Vue Librarys :fire:"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/nuxt-3-17-nuxt-blog-z1ahond3u","name":"Nuxt 3.17 · Nuxt Blog"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/nuxt-4-1-nuxt-blog-wpf9r4ibp","name":"Nuxt 4.1 · Nuxt Blog"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/evan-you-s-thoughts-on-the-nuxt-acquisition-s0op7uyuv","name":"Evan You's thoughts on the Nuxt acquisition"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/nuxt-image-v2-nuxt-blog-1atn4vtbx","name":"Nuxt Image v2 · Nuxt Blog"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/nuxt-3-16-nuxt-blog-qhygk9jqh","name":"Nuxt 3.16 · Nuxt Blog"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/roadmap-to-v4-nuxt-blog-qgu1agmna","name":"Roadmap to v4 · Nuxt Blog"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/nuxt-4-2-nuxt-blog-tmlz8jnf0","name":"Nuxt 4.2 · Nuxt Blog"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/weekly-vue-news-190---dynamic-event-names-282uiyh6m","name":"Weekly Vue News #190 - Dynamic Event Names"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/domain-driven-design-with-nuxt-layers-zmewtu0mn","name":"Domain Driven Design With Nuxt Layers"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/weekly-vue-news-227---mastering-nuxt-layers-devtools-vite-8-beta-iilv9zz9n","name":"Weekly Vue News #227 - Mastering Nuxt Layers, DevTools & Vite 8 Beta"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/weekly-vue-news-229---bundle-insights-browsers-scores-nuxt-ui-powerups-j9fpturic","name":"Weekly Vue News #229 - Bundle Insights, Browsers Scores & Nuxt UI Powerups"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/nuxt-ui-v3-is-out--dpfftn6rh","name":"Nuxt UI v3 is out ✨"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/weekly-vue-news-198---nuxt-4-deep-dive-d3-tips-and-smarter-coding-with-ai-s0cmwyfi8","name":"Weekly Vue News #198 - Nuxt 4 Deep Dive, D3 Tips, and Smarter Coding with AI"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/weekly-vue-news-205---vue-language-tools-3-0-useslots-nuxt-tips-more-59gj3uyaw","name":"Weekly Vue News #205 - Vue Language Tools 3.0, useSlots, Nuxt Tips & More"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/weekly-vue-news-203---vue-3-best-practices-docus-v3-nuxt-4-5-and-more-mg8mh5ge4","name":"Weekly Vue News #203 - Vue 3 Best Practices, Docus V3, Nuxt 4 & 5, and more"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/nuxt-toast---elegant-responsive-and-lightweight-notifications-87yqzhtqm","name":"Nuxt Toast - Elegant, Responsive, and Lightweight Notifications"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/nuxt-simple-cookie-consent-eqcpgkum2","name":"Nuxt: Simple Cookie Consent"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/weekly-vue-news-194---reactive-time-ago-eucmithlg","name":"Weekly Vue News #194 - Reactive Time Ago"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/weekly-vue-news-230---what-s-new-in-vue-3-6-nuxt-content-and-dev-performance-w9ptsi1aj","name":"Weekly Vue News #230 - What’s New in Vue 3.6, Nuxt Content, and Dev Performance"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Nuxt","item":"https://daily.dev/tags/nuxt"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/nuxt/best-of"},{"@type":"ListItem","position":5,"name":"2025"}]}]} ```