Michael Hoffmann

Michael Hoffmann @mokkapps

About: Senior Frontend Developer (Freelancer) from Germany with focus on Vue.js

Location:
Munich
Joined:
Jun 25, 2017

Michael Hoffmann
articles - 62 total

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...

Learn More 1 0Dec 8 '22

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...

Learn More 3 5Oct 24 '22

Weekly Vue News

A weekly Vue newsletter that provides high-quality tips and curated content that help you to become a...

Learn More 1 0Oct 12 '22

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...

Learn More 2 1Aug 16 '22

How to Create a Custom Code Block With Nuxt Content v2

Code blocks are essential for blogs about software development. In this article, I want to show you...

Learn More 11 3Jun 15 '22

Create a Blog With Nuxt Content v2

I prefer simple Markdown files as the content source for my blog posts. In this article, I want to...

Learn More 6 0Jun 2 '22

Chrome Recorder: Record, Replay and Measure User Flows

Typically, a user needs to process multiple pages or steps to finish his journey, such as submitting...

Learn More 26 2Apr 28 '22

Dark Mode Switch With Tailwind CSS & Nuxt 3

I am currently rewriting my portfolio website with Nuxt 3 which is still in beta. In this article, I...

Learn More 8 0Feb 21 '22

Building a Vue 3 Desktop App With Pinia, Electron and Quasar

Recently, I planned to rewrite my “Scrum Daily Standup Picker” Electron application in Vue 3. I wrote...

Learn More 19 0Feb 14 '22

The 10 Favorite Features of My Developer Portfolio Website

Inspired by Braydon Coyer’s new blogfolio, I’ve added some excellent new features to my portfolio...

Learn More 9 3Jan 4 '22

How I Built a Twitter Keyword Monitoring Using a Serverless Node.js Function With AWS Amplify

In this article, I will demonstrate to you how I built a simple serverless Node.js function on AWS...

Learn More 11 0Dec 15 '21

Document & Test Vue 3 Components With Storybook

Storybook is my tool of choice for UI component documentation. Vue.js is very well supported in the...

Learn More 9 1Nov 15 '21

Why I Love Vue 3's Composition API

Vue 3 introduced the Composition API to provide a better way to collocate code related to the same...

Learn More 7 1Nov 2 '21

My Top Vue.js Interview Questions

This article summarizes a list of Vue.js interview questions that I would ask candidates and that I...

Learn More 19 0Sep 30 '21

Why I Picked Vue.js as My Freelancer Niche

I have professional experience with the three big players in web development: Angular, Vue.js and...

Learn More 10 0Sep 21 '21

Track Twitter Follower Growth Over Time Using A Serverless Node.js API on AWS Amplify

In March 2021 I started to use FeedHive to help me grow an audience on Twitter. Recently, I wanted to...

Learn More 5 0Sep 13 '21

Use Git Bisect to Find the Commit That Introduced a Bug

As a developer you know that situation: the code worked like a charm and suddenly there is a bug but...

Learn More 7 1Jul 7 '21

My Top React Interview Questions

This article summarizes a list of React interview questions that I would ask candidates and that I...

Learn More 150 2Jun 30 '21

How to Use Environment Variables to Store Secrets in AWS Amplify Backend

The twelve-factor app is a known methodology for building software-as-a-service apps. One factor...

Learn More 7 1May 19 '21

Build and Deploy a Serverless GraphQL React App Using AWS Amplify

Recently I recognized that some SaaS (Software as a Service) products use AWS Amplify which helps...

Learn More 10 0May 7 '21

Run, Build & Deploy Stencil and Storybook From One Repository

I recently joined a project where the team used two separate Git repositories for their web...

Learn More 8 0Mar 25 '21

Debug Why React (Re-)Renders a Component

Photo by Ferenc Almasi on Unsplash React is known for its performance by using the Virtual DOM...

Learn More 199 2Feb 26 '21

How to Deploy a Heroku Backend to a Netlify Subdomain

On my main domain mokkapps.de I have deployed my private portfolio website. For different use cases,...

Learn More 6 0Jan 12 '21

My Top Angular Interview Questions

This article summarizes a list of Angular interview questions which I would ask candidates and that I...

Learn More 25 0Nov 23 '20

How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative

For me, it is important to see analytics about my portfolio website. This way, I can see which posts...

Learn More 158 12Nov 2 '20

Monitoring Spring Boot Application With Micrometer, Prometheus And Grafana Using Custom Metrics

It is important to monitor an application’s metrics and health which helps us to improve performance,...

Learn More 6 0Oct 26 '20

How To Automatically Generate A Helpful Changelog From Your Git Commit Messages

Creating a changelog is a usual task if a new software version is going to be released. It contains...

Learn More 29 1Sep 7 '20

How I Built A Self-Updating README On My Github Profile

On Hacker News I discovered the article Building a self-updating profile README for GitHub. I was...

Learn More 154 14Jul 15 '20

Property Based Testing With Typescript

In my current project my colleague Michael Seifert introduced property based testing in our Python...

Learn More 40 2May 29 '20

How To Generate Angular & Spring Code From OpenAPI Specification

If you are developing the backend and frontend part of an application you know that it can be tricky...

Learn More 14 0Mar 2 '20