Javascript is required
Mokkapps LogoMichael Hoffmann

Blog

I'll write my extended thoughts here when 280 characters on Twitter don't quite cut it. Usually, I write a new article once a month.You can search blog posts using Google or the minimal list.
Vue.js
Nuxt.js
Frontend
Fullstack
Development
Career
Freelancing
Productivity
Tools
Backend
AWS
Serverless
Electron
Pinia
Tailwind CSS
React
Angular
Node.js
Portfolio
Supabase
Testing
Spring
Mobile
Gatsby
Git
Featured Article
Use Shiki to Style Code Blocks in HTML Emails
Feb 1, 2023
Use Shiki to Style Code Blocks in HTML Emails Image
How I Replaced Revue With a Custom-Built Newsletter Service Using Nuxt 3, Supabase, Serverless, and Amazon SES Image
Jan 4, 2023
How I Replaced Revue With a Custom-Built Newsletter Service Using Nuxt 3, Supabase, Serverless, and Amazon SES
Create a Table of Contents With Active States in Nuxt 3 Image
Dec 7, 2022
Create a Table of Contents With Active States in Nuxt 3
Building a Polite Newsletter Popup With Nuxt 3 Image
Oct 18, 2022
Building a Polite Newsletter Popup With Nuxt 3
Create an RSS Feed With Nuxt 3 and Nuxt Content v2 Image
Aug 15, 2022
Create an RSS Feed With Nuxt 3 and Nuxt Content v2
How to Create a Custom Code Block With Nuxt Content v2 Image
Jun 16, 2022
How to Create a Custom Code Block With Nuxt Content v2
Create a Blog With Nuxt Content v2 Image
Jun 2, 2022
Create a Blog With Nuxt Content v2
Chrome Recorder: Record, Replay and Measure User Flows Image
Apr 28, 2022
Chrome Recorder: Record, Replay and Measure User Flows
Dark Mode Switch With Tailwind CSS & Nuxt 3 Image
Feb 21, 2022
Dark Mode Switch With Tailwind CSS & Nuxt 3
Building a Vue 3 Desktop App With Pinia, Electron and Quasar Image
Feb 15, 2022
Building a Vue 3 Desktop App With Pinia, Electron and Quasar
The 10 Favorite Features of My Developer Portfolio Website Image
Jan 7, 2022
The 10 Favorite Features of My Developer Portfolio Website
How I Built a Twitter Keyword Monitoring Using a Serverless Node.js Function With AWS Amplify Image
Dec 18, 2021
How I Built a Twitter Keyword Monitoring Using a Serverless Node.js Function With AWS Amplify
Document & Test Vue 3 Components With Storybook Image
Nov 15, 2021
Document & Test Vue 3 Components With Storybook
Why I Love Vue 3's Composition API Image
Nov 1, 2021
Why I Love Vue 3's Composition API
My Top Vue.js Interview Questions Image
Oct 4, 2021
My Top Vue.js Interview Questions
Why I Picked Vue.js as My Freelancer Niche Image
Sep 22, 2021
Why I Picked Vue.js as My Freelancer Niche
Track Twitter Follower Growth Over Time Using A Serverless Node.js API on AWS Amplify Image
Sep 13, 2021
Track Twitter Follower Growth Over Time Using A Serverless Node.js API on AWS Amplify
Use Git Bisect to Find the Commit That Introduced a Bug Image
Jul 5, 2021
Use Git Bisect to Find the Commit That Introduced a Bug
My Top React Interview Questions Image
Jun 29, 2021
My Top React Interview Questions
How to Use Environment Variables to Store Secrets in AWS Amplify Backend Image
May 25, 2021
How to Use Environment Variables to Store Secrets in AWS Amplify Backend
Build and Deploy a Serverless GraphQL React App Using AWS Amplify Image
May 7, 2021
Build and Deploy a Serverless GraphQL React App Using AWS Amplify
Run, Build & Deploy Stencil and Storybook From One Repository Image
Mar 25, 2021
Run, Build & Deploy Stencil and Storybook From One Repository
Debug Why React (Re-)Renders a Component Image
Feb 26, 2021
Debug Why React (Re-)Renders a Component
How to Deploy a Heroku Backend to a Netlify Subdomain Image
Jan 12, 2021
How to Deploy a Heroku Backend to a Netlify Subdomain
My Top Angular Interview Questions Image
Nov 23, 2020
My Top Angular Interview Questions
How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative Image
Nov 2, 2020
How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative
Monitoring Spring Boot Application With Micrometer, Prometheus And Grafana Using Custom Metrics Image
Oct 26, 2020
Monitoring Spring Boot Application With Micrometer, Prometheus And Grafana Using Custom Metrics
How To Automatically Generate A Helpful Changelog From Your Git Commit Messages Image
Sep 7, 2020
How To Automatically Generate A Helpful Changelog From Your Git Commit Messages
How I Built A Self-Updating README On My Github Profile Image
Jul 15, 2020
How I Built A Self-Updating README On My Github Profile
Property Based Testing With Typescript Image
May 29, 2020
Property Based Testing With Typescript
How To Generate Angular & Spring Code From OpenAPI Specification Image
Mar 2, 2020
How To Generate Angular & Spring Code From OpenAPI Specification
Sending Message To Specific Anonymous User On Spring WebSocket Image
Feb 10, 2020
Sending Message To Specific Anonymous User On Spring WebSocket
Boost Your Productivity By Using The Terminal (iTerm & ZSH) Image
Feb 3, 2020
Boost Your Productivity By Using The Terminal (iTerm & ZSH)
Manually Lazy Load Modules And Components In Angular Image
Jan 7, 2020
Manually Lazy Load Modules And Components In Angular
How To Build An Angular App Once And Deploy It To Multiple Environments Image
Dec 9, 2019
How To Build An Angular App Once And Deploy It To Multiple Environments
The Last Guide For Angular Change Detection You'll Ever Need Image
Nov 18, 2019
The Last Guide For Angular Change Detection You'll Ever Need
How I Write My Blog Posts Image
Oct 15, 2019
How I Write My Blog Posts
JHipster - The Fastest Way To Build A Production-Ready Angular & Spring Boot Application Image
Sep 23, 2019
JHipster - The Fastest Way To Build A Production-Ready Angular & Spring Boot Application
How To Easily Write And Debug RxJS Marble Tests Image
Sep 9, 2019
How To Easily Write And Debug RxJS Marble Tests
The Mistakes I Made In My First Software Project Image
Aug 2, 2019
The Mistakes I Made In My First Software Project
How I Set Up A New Angular Project Image
Jul 6, 2019
How I Set Up A New Angular Project
5 Reasons Why I Quit My Job And Started Freelancing Image
Jun 12, 2019
5 Reasons Why I Quit My Job And Started Freelancing
NestJS - The missing piece to easily develop full-stack TypeScript web applications Image
Apr 15, 2019
NestJS - The missing piece to easily develop full-stack TypeScript web applications
Why I Switched From Visual Studio Code to JetBrains WebStorm Image
Feb 14, 2019
Why I Switched From Visual Studio Code to JetBrains WebStorm
How I Built A Custom Stepper/Wizard Component Using The Angular Material CDK Image
Dec 25, 2018
How I Built A Custom Stepper/Wizard Component Using The Angular Material CDK
The Engineering Behind My Portfolio Website Image
Dec 12, 2018
The Engineering Behind My Portfolio Website
Why A Good Frontend Developer Should Care About Web Accessibility Image
Nov 24, 2018
Why A Good Frontend Developer Should Care About Web Accessibility
How I Write Marble Tests For RxJS Observables In Angular Image
Nov 12, 2018
How I Write Marble Tests For RxJS Observables In Angular
Sticky Footer in GatsbyJS using Flexbox Image
Sep 20, 2018
Sticky Footer in GatsbyJS using Flexbox
Run Automated Electron App Tests Using Travis CI Image
Sep 6, 2018
Run Automated Electron App Tests Using Travis CI
With These Tips You Will Rock Every Technical Job Interview Image
Aug 16, 2018
With These Tips You Will Rock Every Technical Job Interview
My Definition Of A Senior Developer Image
Jul 22, 2018
My Definition Of A Senior Developer
How I Increased My Productivity With Visual Studio Code Image
May 31, 2018
How I Increased My Productivity With Visual Studio Code
Lessons Learned: My First Smartphone Game Image
May 22, 2018
Lessons Learned: My First Smartphone Game
How I Built My Website With Hugo And Netlify Image
May 19, 2018
How I Built My Website With Hugo And Netlify
My First NPM Package: github-traffic-cli Image
May 12, 2018
My First NPM Package: github-traffic-cli
My First Visual Code Extension Image
May 11, 2018
My First Visual Code Extension