Dev Squad·2yCheck out my new portfolio website. Powered by Vue and Nuxt 💚
Check out my newly launched portfolio website, created in collaboration with a professional designer for enhanced UX/UI and branding. It uses Nuxt for the front end, integrates Storyblok as the CMS, and is deployed on Netlify. The project has also received honorable mentions on Awwwards and CSS Design Award.
LogRocket·2yNitro.js: Revolutionizing server-side JavaScript
Nitro.js is a universal server toolkit designed to simplify the creation of performant and scalable server-side JavaScript applications. It's used as the server engine for Nuxt v3 and is built on the lightweight h3 framework. Key features include universal deployments, TypeScript out-of-the-box, automatic module imports, file-based routing, and built-in caching. Nitro.js offers zero configuration setup, supports multiple platforms, and enhances developer experience by reducing boilerplate code. It is part of the UnJS ecosystem and supports hot module reloading, making it a robust choice for building and deploying modern web applications.
Community Picks·2yunovue
The post highlights several repositories, including inspira-ui for building beautiful websites with Vue and Nuxt, shadcn-vue which is a Vue port of shadcn-ui, and shadcn-vue-nuxt-layer for quick integration of Shadcn-vue with Nuxt within a monorepo. Additionally, it mentions the use of top languages like Vue, JavaScript, and TypeScript.
Telerik·2yVue Basics: How to Develop Better Vue Applications with Nuxt
Nuxt 3 enhances Vue application development by offering features like TypeScript support, an automatic file-based routing system, and server-side rendering (SSR), which improves SEO and user experience. Nuxt's convention over configuration approach, powerful middleware, and layout systems streamline development, while its runtime configuration ensures consistent behavior across environments. Built-in composables simplify data fetching and handling, and the rich ecosystem of modules allows developers to add features with minimal configuration.
Nuxt·2yNuxt 3.13 · Nuxt Blog
Nuxt 3.13 introduces several new features including route groups for organizing routes without affecting URL paths, server component islands for manipulating SEO metadata, and custom prefetch triggers for NuxtLink. Additionally, improved server sourcemaps now reference original source files, and new utilities for module authors are in preparation for Nuxt v4. There are also changes in how Vue TypeScript projects should augment `@vue/runtime-core`.
Nuxt·2yNuxt 3.12 · Nuxt Blog
Nuxt 3.12 introduces improvements and prepares for Nuxt 4. It includes testing for Nuxt 4 changes, auto-installation of Nuxt Scripts, layer auto-registration and bug fixes, built-in accessibility improvements, performance improvements, multi-app support, DX wins, stabilizing features, type improvements, inlined UI templates, and upgrade instructions.
Nuxt·2yIntroducing Nuxt Scripts · Nuxt Blog
Nuxt Scripts, a collaboration between the Nuxt team and Google's Chrome Aurora team, aims to improve the handling of third-party scripts in web applications. The new module enhances performance, privacy, security, and developer experience by providing features like script loading management, full type-safety, script registry for common third-party scripts, and advanced triggers for consent management and user interactions. Nuxt Scripts also mitigates security risks by allowing scripts to be bundled and loaded from your own domain.
Nuxt·2yNuxt 3.10 · Nuxt Blog
Nuxt 3.10 is packed with features and fixes. Some highlights include experimental shared asyncData when prerendering, SSR-safe accessible unique ID creation, extending app/router.options, client-side Node.js support, better cookie reactivity, detecting anti-patterns, granular view transitions support, build-time route metadata, and bundler module resolution.
Nuxt·2yNuxt 3.11 · Nuxt Blog
Nuxt 3.11 has been released with better logging, preview mode, server pages, cache-busting payloads, middleware route rules, a new clear data fetching utility, support for teleports, loading indicator and transition controls, server- and client-only pages, server component improvements, performance improvements, public assets handling, chunk naming changes, type fixes, and more.
Michael Thiessen·2y21 Nuxt Tips You Need to Know
The post shares 21 valuable tips for using Nuxt, covering advanced configurations, environment-specific settings, deduplicating fetches, content organization, and using Nitro for key-value storage. It also explains the usage of NuxtLink, error handling, validating routes, and managing state between server and client. Recommendations for better control over build processes and component behavior are provided, along with how to extend Nuxt capabilities through custom configurations and plugins.
Nuxt·1yNuxt 3.15 · Nuxt Blog
Nuxt v3.15 has been released just in time for Christmas, including several major updates. The release includes Vite 6 integration, enhanced Chromium DevTools support, and new options for the `callOnce` function to run code per navigation. Other improvements include hot module reloading for templates, pages, and page metadata, as well as additional page metadata extraction keys for module authors. The release also brings performance enhancements and lays groundwork for upcoming Nuxt v4 features.
Nuxt·1yIntroducing Nuxt Icon v1 · Nuxt Blog
Nuxt Icon v1 introduces a versatile and modern solution for integrating icons into Nuxt projects. It offers dual rendering modes with CSS and SVG support, ensuring quick and efficient icon rendering. The tool leverages both client and server-side bundling for optimized performance and supports dynamic loading through Iconify's API. Nuxt Icon addresses the challenges of icon scalability, manageability, and SSR compatibility, making it a robust choice for developers.
freeCodeCamp·2yHow to Implement RBAC in a Community Dashboard with Nuxt
Learn how to implement Role-Based Access Control (RBAC) in a community dashboard using Nuxt and Permit.io. The post explains the differences between authentication and authorization, outlines the benefits of using Authorization as a Service, and provides a step-by-step guide on setting up Permit.io within a Nuxt application. Additionally, it covers creating a middleware for API access control and testing the RBAC implementation with a demo community dashboard.
Web Developer·2yTypeScript 5.6 🆕, SSH 2FA 🔐, Nuxt Tips 💡, SSH3 🔒
Learn about the latest features in TypeScript 5.6, including stricter nullish checks, new iterator methods, and arbitrary module specifiers. Discover how to set up two-factor authentication for SSH, and explore hidden Nuxt tips, such as query params in server routes and layout fallbacks. Additionally, find tools for creating SVG icons, optimizing your node_modules directory, and implementing SSH encryption with QUIC + TLS.
Community Picks·2yNuxt 3 monorepo example -- Basic example
For large projects, using a monorepo can make maintenance easier and improve the development experience. This guide demonstrates setting up a Nuxt 3 monorepo using pnpm workspaces. It covers creating the main folder structure, initializing pnpm projects, setting up a shared UI module, and configuring the main application. It also includes steps to link one layer to the main project and recommended configurations for better project management.
Weekly Vue News·2yWeekly Vue News #154 - Dockerizing a Nuxt 3 App
Learn about Dockerizing a Nuxt 3 application, including the steps to create a Dockerfile, configure Docker, and optimize the development workflow using Docker with Nuxt 3. Additional insights and tips are shared for avoiding common pitfalls.