Blog Articles

Blog Articles

Dive into the dynamic world of modern JavaScript! Whether you're crafting data-driven, interactive web apps, or just geeking out, my articles on Vue.js and Nuxt.js are here to teach you a little something. Check them out and join me on this nerdy adventure to frontend mastery! 🚀
1

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.

31 October 2024

2

Suffixes, Prefixes, and Nuxt Magic: A Developer’s Guide to Smart Coding

This guide will walk you through the essential prefixes and suffixes in Nuxt, explore what they do and the ways they can streamline your development process.

28 October 2024

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.

30 September 2024

4

Optimise API Caching: Balancing RouteRules with CacheEventHandler

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.

30 September 2024

5

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.

30 September 2024

6

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.

30 September 2024

7

Understanding Auto-Imports in Nuxt

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.

30 September 2024

8

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.

30 September 2024

9

Vue Components Design Patterns: Back to Basics

Explore the foundational design patterns of Vue components in this comprehensive guide. Learn the basics of Single File Components, the Composition API, Render Function Components, Functional Components, and Renderless Components. Discover how to implement these patterns with practical examples, and enhance your understanding of Vue.js to build more efficient and maintainable applications.

31 August 2024

10

From Nuxt 2 to Nuxt 3: Enhancing Performance and Flexibility

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.

17 May 2024

11

Nuxt Layers Unwrapped - Q and A

Q and A - for my talk `Layers Unwrapped` at Nuxt Nation 2023

20 October 2023

12

Nuxt Layers Unwrapped

A fresh approach to architect Nuxt 3 apps - supporting article for my talk `Layers Unwrapped` at Nuxt Nation 2023

16 October 2023

13

nuxtServerInit: where is it in Nuxt 3

Learn how to implement nuxtServerInit in Nuxt 3

22 May 2023

14

Nuxt Context: where is it in Nuxt 3

Learn what happened to Nuxt 2 context and where you can find it in Nuxt 3

4 July 2022

15

How to think in terms of shapes, icons and legend

Beginners guide for front-end developers to create amazing conceptual diagrams

20 January 2022

16

How to create technical conceptual diagrams

Beginners guide for front-end developers to create amazing conceptual diagrams

5 January 2022

17

Compare DocsPage and MDX syntax in Storybook with example

Compare DocsPage vs MDX syntax side by side and learn to document components using Storybook

12 April 2021

18

Create Card component story using Storybook with Nuxt

Create Card component story using Storybook with Nuxt

5 April 2021

19

How to build Pinterest-like infinite grid in Nuxt

Build infinite loading masonry grid layout with Nuxt Composition API

22 December 2020

20

Nuxt Content module demo with sortable activity

Write, fetch and display data in Vue components using Nuxt content module.

28 August 2020

21

Convert bubble cannon animation from GSAP2 to GSAP3

Decipher bubble cannon animation created using GSAP 2 and convert it into GSAP 3 codebase along the way.

4 July 2020