Check out all the diagrams and articles tagged with Nuxt 3.
Client-Side Caching Strategies in Nuxt
In Nuxt.js, optimising performance and reducing server load requires effective use of both client-side and server-side caching strategies. This article explores how to implement client-side caching techniques to enhance your Nuxt projects.
This blog dives deep into the transition from Nuxt 2 to Nuxt 3, highlighting how I enhanced both the performance and flexibility of my personal website.
This diagram illustrates the organisation of Nuxt pages, layouts, components, plugins, modules & all the new files & folders never seen before in Nuxt 2!
Nuxt 3 Layouts just got even better! This diagram explores how you can apply default, static and dynamic layouts, as well as apply them programmatically to customise the look and feel of your #Nuxt application.
Simplify your understanding of #Nuxt Page Lifecycle with this week’s visual guide ✍️ Tap into each key stage of server-side rendering from runtime context to data fetching until the Vue component’s lifecycle takes over on the client-side 🚀
Learn what happened to Nuxt 2 context and where you can find it in Nuxt 3
A fresh approach to architect Nuxt 3 apps - supporting article for my talk `Layers Unwrapped` at Nuxt Nation 2023
Q and A - for my talk `Layers Unwrapped` at Nuxt Nation 2023
Learn how to implement nuxtServerInit in Nuxt 3
Optimise API Caching: Balancing RouteRules with DefineCacheEventHandler
In this article, we'll explore how to optimise API caching in Nuxt.js by balancing the use of API RouteRules and DefineCacheEventHandler. Learn which strategy takes precedence when handling API routes, how they interact, and how to effectively combine both for maximum performance and efficiency in your Nuxt applications.
Real-Time with Nuxt 3: A Guide to WebSocket Integration
Learn how to bring real-time functionality to Nuxt 3 by building a foundation for a two-player board game, illustrating WebSocket setup, message handling, and in-game player interaction.
Server Components in Nuxt.js
A brief guide on Server Components in Nuxt.js, explaining what they are, when to use them, real-world examples, and best practices for implementation.
Server-Side Caching Strategies in Nuxt
In Nuxt.js, optimising performance and reducing server load requires effective use of both client-side and server-side caching strategies. This article explores how to implement server-side caching techniques to enhance your Nuxt projects.
Suffixes, Prefixes, and Nuxt Magic: A Developer’s Guide to Smart Coding
Understanding Aliases in Nuxt: A Detailed Breakdown
Learn about aliases in Nuxt that simplify and optimise the way you import files or modules in your project.
Understanding Auto-Imports in Nuxt: A Comprehensive Guide
Learn about this powerful Nuxt feature designed to simplify development by automatically importing commonly used components, utilities, and composables without requiring manual imports in your code.