Michael Hoffmann LogoMichael Hoffmann

Kategorie · 23 Artikel

Nuxt.js

Artikel in der Kategorie Nuxt.js.

2026

1 Eintrag

2025

6 Einträge

Why I Switched Back From VS Code to IntelliJ IDEA: A Developer's Journey

In this blog post, I'll share the reasons why I transitioned back to using IntelliJ as my primary integrated development environment (IDE) after a period with Visual Studio Code. Despite VS Code's early advantages for developing with Nuxt 3, recent developments have led me back to IntelliJ due to its superior Git integration, efficient project indexing, minimalist plugin needs, and robust debugging and database tools.

Artikel6 Min.Nuxt.jsProductivity

Connecting a MySQL Database in Nuxt with Drizzle ORM

Explore how to seamlessly integrate MySQL databases into your Nuxt applications using the Drizzle ORM. This guide covers setup, configuration, and an example of executing queries, all to enhance your full-stack development workflow with modern, efficient tools.

Artikel7 Min.BackendFullstack

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

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. This guide walks you through the steps to create a Docker container for your Nuxt 3+ app, making deployment seamless and efficient.

Artikel3 Min.Nuxt.js

Use Nitro as Mock Server

Nitro is a sever toolkit that allows you to create web servers with everything you need and deploy them wherever you prefer. It is used in Nuxt 3 to power the server-side part of your Nuxt applications. In this article, I will show you can use Nitro as a mock server for your frontend development.

Artikel3 Min.ToolsNuxt.js

2023

4 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

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