Category Β· 51 articles

Frontend

Articles in the category Frontend.

Dockerizing a Nuxt App: A Comprehensive Guide Image

Dockerizing a Nuxt App: A Comprehensive Guide

Learn how to dockerize your Nuxt 3+ application to ensure consistency, isolation, scalability, and portability across different environments.
Self-Host Your Nuxt App With Coolify Image

Self-Host Your Nuxt App With Coolify

I share my experiences of how I self-hosted my Nuxt apps with Coolify on Hetzner servers.
Simpler Two-Way Binding in Vue With defineModel Image

Simpler Two-Way Binding in Vue With defineModel

The new defineModel compiler macro has available since Vue 3.
Unlocking the Power of v-for Loops in Vue With These Useful Tips Image

Unlocking the Power of v-for Loops in Vue With These Useful Tips

Looping through arrays and objects is a common task in Vue applications.
Focus & Code Diff in Nuxt Content Code Blocks Image

Focus & Code Diff in Nuxt Content Code Blocks

Custom code blocks are essential for my blog as my articles usually contain a lot of code snippets.
Lazy Load Vue Component When It Becomes Visible Image

Lazy Load Vue Component When It Becomes Visible

In this blog post, I'll show you how a simple mechanism to lazy load your Vue components if they become visible using the Intersection Observer API.
A Comprehensive Guide to Data Fetching in Nuxt 3 Image

A Comprehensive Guide to Data Fetching in Nuxt 3

With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges.
What's New in Vue 3.3 Image

What's New in Vue 3.3

This article gives an overview of the highlighted features in Vue 3.
Ref vs. Reactive: What to Choose Using Vue 3 Composition API? Image

Ref vs. Reactive: What to Choose Using Vue 3 Composition API?

I love Vue 3's Composition API, but it provides two approaches to adding a reactive state to Vue components: ref and reactive.
Use Shiki to Style Code Blocks in HTML Emails Image

Use Shiki to Style Code Blocks in HTML Emails

I recently developed a custom newsletter service using Nuxt 3.