Michael Hoffmann LogoMichael Hoffmann

Kategorie · 29 Artikel

Vue.js

Artikel in der Kategorie Vue.js.

2026

1 Eintrag

2025

3 Einträge

Why I Developed My Own Nuxt Starter Kit for SaaS Products

Discover the reasons behind the development of my unique Nuxt starter kit tailored for creating SaaS products. Learn why I opted for a highly opinionated and custom solution over existing options, and how it enhances productivity and maintainability.

Artikel2 Min.BackendFullstack

2024

6 Einträge

When to Use useState in Nuxt

Nuxt provides the useState composable which creates a reactive and SSR-friendly shared state. You might be confused when to use useState or ref in your Nuxt app. In this article, I want to answer this question

Artikel2 Min.Vue.jsNuxt.js

Analyze Memory Leaks in Your Nuxt App

In one of my client projects, we recently had to analyze and fix a memory leak in our Nuxt 3+ application. I share my experience and our steps to identify and fix the memory leak.

Artikel3 Min.Vue.jsNuxt.js

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. The v-for directive is the perfect tool for this job. It is mighty, and you can use it in many different ways. In this article, I will show you some valuable tips and tricks to get the most out of the v-for directive.

Artikel6 Min.Vue.js

2023

7 Einträge

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. My blog is powered by Nuxt Content v2, which is a Nuxt 3 module. I already wrote an article about how you can create custom code blocks using Nuxt Content v2.

Artikel7 Min.Vue.jsNuxt.js

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. For example, we want to avoid duplicate network calls, efficient caching, and ensure that the calls work across environments. To address these challenges, Nuxt provides a built-in data fetching library ($fetch) and two composable (useFetch and useAsyncData).

Artikel7 Min.Vue.jsNuxt.js

What's New in Vue 3.3

This article gives an overview of the highlighted features in Vue 3.3

Artikel3 Min.Vue.js

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. It can be cumbersome to use .value everywhere when using refs but you can also easily lose reactivity when destructuring reactive objects created with reactive.

Artikel9 Min.Vue.js

Use Shiki to Style Code Blocks in HTML Emails

I recently developed a custom newsletter service using Nuxt 3. One of the main reasons why I developed it on my own was that I wanted to use good-looking code blocks in my emails.

Artikel4 Min.Vue.jsNuxt.js

2022

3 Einträge

Create a Table of Contents With Active States in Nuxt 3

I'm a big fan of a table of contents (ToC) on the side of a blog post page, especially if it is a long article. It helps me gauge the article's length and allows me to navigate between the sections quickly.

Artikel7 Min.Vue.jsNuxt.js

Building a Polite Newsletter Popup With Nuxt 3

This year I launched a free eBook with 27 helpful tips for Vue developers for subscribers of my weekly Vue newsletter. For marketing purposes, I showed a popup on the landing page of my portfolio page each time a user visited my site. I was aware that users probably could get annoyed by that popup. Thus I added a "Don't show again" button to that popup. I thought I solved the problem!

Artikel8 Min.Vue.jsNuxt.js

Create an RSS Feed With Nuxt 3 and Nuxt Content v2

My portfolio website is built with Nuxt 3 and Nuxt Content v2. An RSS feed with my latest five blog posts is available here. In this article, you'll learn how to add an RSS feed to your Nuxt website.

Artikel3 Min.Vue.jsNuxt.js
Seite 1 von 2