Michael Hoffmann
@mokkapps.de
👨🏻💻 Senior Frontend Developer (Freelancer) • mokkapps.de
🚀 Building @weekly-vue.news • nuxtstarterkit.com • @codesnap.dev
💚 @vuejs.org & @nuxt.com enthusiast
📍 Munich 🇩🇪
🚀 Building @weekly-vue.news • nuxtstarterkit.com • @codesnap.dev
💚 @vuejs.org & @nuxt.com enthusiast
📍 Munich 🇩🇪
Pinned
Michael Hoffmann
@mokkapps.de
· Nov 4
Home | Michael Hoffmann
Senior Frontend Developer (Freelancer) from Munich, Germany with focus on Vue.js
mokkapps.de
Hey new friends!
I'm Michael, based in Munich, Germany.
I work as a freelancer with focus on Vue & Nuxt.
I have a weekly newsletter @weekly-vue.news and blog at mokkapps.de. Additionally, I’m building CodeSnap.dev.
Check it out, and see you around!
I'm Michael, based in Munich, Germany.
I work as a freelancer with focus on Vue & Nuxt.
I have a weekly newsletter @weekly-vue.news and blog at mokkapps.de. Additionally, I’m building CodeSnap.dev.
Check it out, and see you around!
📕 Brand New Layouts with CSS Subgrid
👉🏻 CSS Subgrid allows developers to extend CSS Grid layouts through the DOM tree, enabling new UI possibilities and better semantic markup.
https://www.joshwcomeau.com/css/subgrid/
👉🏻 CSS Subgrid allows developers to extend CSS Grid layouts through the DOM tree, enabling new UI possibilities and better semantic markup.
https://www.joshwcomeau.com/css/subgrid/
December 14, 2025 at 10:00 AM
📕 Brand New Layouts with CSS Subgrid
👉🏻 CSS Subgrid allows developers to extend CSS Grid layouts through the DOM tree, enabling new UI possibilities and better semantic markup.
https://www.joshwcomeau.com/css/subgrid/
👉🏻 CSS Subgrid allows developers to extend CSS Grid layouts through the DOM tree, enabling new UI possibilities and better semantic markup.
https://www.joshwcomeau.com/css/subgrid/
📕 Announcing Oxfmt Alpha
👉🏻 A fast Rust-based formatter that is available now in alpha stage and supports JavaScript and TypeScript files
👉🏻 It is 30x faster than Prettier while having >95% compatibility.
https://voidzero.dev/posts/announcing-oxfmt-alpha
👉🏻 A fast Rust-based formatter that is available now in alpha stage and supports JavaScript and TypeScript files
👉🏻 It is 30x faster than Prettier while having >95% compatibility.
https://voidzero.dev/posts/announcing-oxfmt-alpha
December 13, 2025 at 5:00 PM
📕 Announcing Oxfmt Alpha
👉🏻 A fast Rust-based formatter that is available now in alpha stage and supports JavaScript and TypeScript files
👉🏻 It is 30x faster than Prettier while having >95% compatibility.
https://voidzero.dev/posts/announcing-oxfmt-alpha
👉🏻 A fast Rust-based formatter that is available now in alpha stage and supports JavaScript and TypeScript files
👉🏻 It is 30x faster than Prettier while having >95% compatibility.
https://voidzero.dev/posts/announcing-oxfmt-alpha
📕 `satisfies` is my favorite TypeScript keyword
👉🏻 The `satisfies` keyword in TypeScript acts as a type-safe cast, making sure an assignment is assignable to a provided type while allowing TypeScript to infer a more specific type based on the value.
https://sjer.red/blog/2024-12-21/
👉🏻 The `satisfies` keyword in TypeScript acts as a type-safe cast, making sure an assignment is assignable to a provided type while allowing TypeScript to infer a more specific type based on the value.
https://sjer.red/blog/2024-12-21/
December 13, 2025 at 10:00 AM
📕 `satisfies` is my favorite TypeScript keyword
👉🏻 The `satisfies` keyword in TypeScript acts as a type-safe cast, making sure an assignment is assignable to a provided type while allowing TypeScript to infer a more specific type based on the value.
https://sjer.red/blog/2024-12-21/
👉🏻 The `satisfies` keyword in TypeScript acts as a type-safe cast, making sure an assignment is assignable to a provided type while allowing TypeScript to infer a more specific type based on the value.
https://sjer.red/blog/2024-12-21/
📕 Vite 8 Beta: The Rolldown-powered Vite
👉🏻 The first beta of Vite 8, powered by Rolldown, is now available. 👉🏻 It ships significantly faster production builds and unlocks future improvement possibilities.
https://voidzero.dev/posts/announcing-vite-8-beta
👉🏻 The first beta of Vite 8, powered by Rolldown, is now available. 👉🏻 It ships significantly faster production builds and unlocks future improvement possibilities.
https://voidzero.dev/posts/announcing-vite-8-beta
December 12, 2025 at 5:00 PM
📕 Vite 8 Beta: The Rolldown-powered Vite
👉🏻 The first beta of Vite 8, powered by Rolldown, is now available. 👉🏻 It ships significantly faster production builds and unlocks future improvement possibilities.
https://voidzero.dev/posts/announcing-vite-8-beta
👉🏻 The first beta of Vite 8, powered by Rolldown, is now available. 👉🏻 It ships significantly faster production builds and unlocks future improvement possibilities.
https://voidzero.dev/posts/announcing-vite-8-beta
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Explore async rendering techniques with Vue's Suspense component!
👉🏻 Get the latest on TypeScript 7 and NuxtHub's new Multi-Vendor feature!
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Explore async rendering techniques with Vue's Suspense component!
👉🏻 Get the latest on TypeScript 7 and NuxtHub's new Multi-Vendor feature!
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
December 12, 2025 at 1:00 PM
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Explore async rendering techniques with Vue's Suspense component!
👉🏻 Get the latest on TypeScript 7 and NuxtHub's new Multi-Vendor feature!
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Explore async rendering techniques with Vue's Suspense component!
👉🏻 Get the latest on TypeScript 7 and NuxtHub's new Multi-Vendor feature!
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
🛠️ Nuxt Studio Alpha 3
👉🏻 Includes the Notion-like editor, powered by the upcoming Nuxt UI editor component.
👉🏻 Fully adapted for the MDC syntax.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.3
👉🏻 Includes the Notion-like editor, powered by the upcoming Nuxt UI editor component.
👉🏻 Fully adapted for the MDC syntax.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.3
December 11, 2025 at 5:00 PM
🛠️ Nuxt Studio Alpha 3
👉🏻 Includes the Notion-like editor, powered by the upcoming Nuxt UI editor component.
👉🏻 Fully adapted for the MDC syntax.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.3
👉🏻 Includes the Notion-like editor, powered by the upcoming Nuxt UI editor component.
👉🏻 Fully adapted for the MDC syntax.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.3
📕 The Most-Watched Vue, Nuxt & Vite Talks of 2025 (so far)
👉🏻 The author used Python scripts to scan some of the conferences of 2025.
https://www.techtalksweekly.io/p/the-most-watched-react-nextjs-vue
👉🏻 The author used Python scripts to scan some of the conferences of 2025.
https://www.techtalksweekly.io/p/the-most-watched-react-nextjs-vue
December 10, 2025 at 5:00 PM
📕 The Most-Watched Vue, Nuxt & Vite Talks of 2025 (so far)
👉🏻 The author used Python scripts to scan some of the conferences of 2025.
https://www.techtalksweekly.io/p/the-most-watched-react-nextjs-vue
👉🏻 The author used Python scripts to scan some of the conferences of 2025.
https://www.techtalksweekly.io/p/the-most-watched-react-nextjs-vue
📕 Using Vue’s Custom Renderer API to Build Interfaces Beyond the DOM
👉🏻 In this article, you’ll explore what the Vue Custom Renderer API is and why it matters.
https://dev.to/jacobandrewsky/using-vues-custom-renderer-api-to-build-interfaces-beyond-the-dom-1jjg
👉🏻 In this article, you’ll explore what the Vue Custom Renderer API is and why it matters.
https://dev.to/jacobandrewsky/using-vues-custom-renderer-api-to-build-interfaces-beyond-the-dom-1jjg
December 9, 2025 at 5:00 PM
📕 Using Vue’s Custom Renderer API to Build Interfaces Beyond the DOM
👉🏻 In this article, you’ll explore what the Vue Custom Renderer API is and why it matters.
https://dev.to/jacobandrewsky/using-vues-custom-renderer-api-to-build-interfaces-beyond-the-dom-1jjg
👉🏻 In this article, you’ll explore what the Vue Custom Renderer API is and why it matters.
https://dev.to/jacobandrewsky/using-vues-custom-renderer-api-to-build-interfaces-beyond-the-dom-1jjg
Nuxt Layers aren’t just for sharing code - they’re an architecture tool.
Layer smarter, not harder.
Layer smarter, not harder.
December 9, 2025 at 3:00 PM
Nuxt Layers aren’t just for sharing code - they’re an architecture tool.
Layer smarter, not harder.
Layer smarter, not harder.
📢 Issue 227 is Out!
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/191
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/191
December 9, 2025 at 3:00 PM
📢 Issue 227 is Out!
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/191
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/191
📕 The Repository Pattern in Nuxt: How to Future-Proof Your Data Layer
https://masteringnuxt.com/blog/the-repository-pattern-in-nuxt-how-to-future-proof-your-data-layer?friend=MOKKAPPS
https://masteringnuxt.com/blog/the-repository-pattern-in-nuxt-how-to-future-proof-your-data-layer?friend=MOKKAPPS
December 8, 2025 at 7:00 PM
📕 The Repository Pattern in Nuxt: How to Future-Proof Your Data Layer
https://masteringnuxt.com/blog/the-repository-pattern-in-nuxt-how-to-future-proof-your-data-layer?friend=MOKKAPPS
https://masteringnuxt.com/blog/the-repository-pattern-in-nuxt-how-to-future-proof-your-data-layer?friend=MOKKAPPS
📹 Nuxt DevTools can do that - Part 1
👉🏻 Alex Lichter takes an in-depth look in the first half of the features of the Nuxt DevTools.
https://www.youtube.com/watch?v=9oPyX2nAwWs
👉🏻 Alex Lichter takes an in-depth look in the first half of the features of the Nuxt DevTools.
https://www.youtube.com/watch?v=9oPyX2nAwWs
December 8, 2025 at 5:00 PM
📹 Nuxt DevTools can do that - Part 1
👉🏻 Alex Lichter takes an in-depth look in the first half of the features of the Nuxt DevTools.
https://www.youtube.com/watch?v=9oPyX2nAwWs
👉🏻 Alex Lichter takes an in-depth look in the first half of the features of the Nuxt DevTools.
https://www.youtube.com/watch?v=9oPyX2nAwWs
🛠️ gitlogue
👉🏻 A command-line tool that visually replays Git commit history with animated typing, syntax highlighting, and file tree transitions.
👉🏻 It can be used as a screensaver, for educational purposes, presentations, or to create coding demos.
https://github.com/unhappychoice/gitlogue
👉🏻 A command-line tool that visually replays Git commit history with animated typing, syntax highlighting, and file tree transitions.
👉🏻 It can be used as a screensaver, for educational purposes, presentations, or to create coding demos.
https://github.com/unhappychoice/gitlogue
December 7, 2025 at 5:00 PM
🛠️ gitlogue
👉🏻 A command-line tool that visually replays Git commit history with animated typing, syntax highlighting, and file tree transitions.
👉🏻 It can be used as a screensaver, for educational purposes, presentations, or to create coding demos.
https://github.com/unhappychoice/gitlogue
👉🏻 A command-line tool that visually replays Git commit history with animated typing, syntax highlighting, and file tree transitions.
👉🏻 It can be used as a screensaver, for educational purposes, presentations, or to create coding demos.
https://github.com/unhappychoice/gitlogue
📕 Secure coding in JavaScript
👉🏻 JavaScript is the front-end of the entire internet.
👉🏻 Because JavaScript is so prolific, it’s a prime target for attackers.
https://stackoverflow.blog/2025/10/15/secure-coding-in-javascript/
👉🏻 JavaScript is the front-end of the entire internet.
👉🏻 Because JavaScript is so prolific, it’s a prime target for attackers.
https://stackoverflow.blog/2025/10/15/secure-coding-in-javascript/
December 7, 2025 at 10:00 AM
📕 Secure coding in JavaScript
👉🏻 JavaScript is the front-end of the entire internet.
👉🏻 Because JavaScript is so prolific, it’s a prime target for attackers.
https://stackoverflow.blog/2025/10/15/secure-coding-in-javascript/
👉🏻 JavaScript is the front-end of the entire internet.
👉🏻 Because JavaScript is so prolific, it’s a prime target for attackers.
https://stackoverflow.blog/2025/10/15/secure-coding-in-javascript/
🎮 The Scope Creep
👉🏻 An amusing "choose-your-own-adventure" style interactive narrative game.
👉🏻 You assume the role of a project manager tasked with delivering a 'cursed' website brief for one of your clients.
https://scope-creep.xyz/play
👉🏻 An amusing "choose-your-own-adventure" style interactive narrative game.
👉🏻 You assume the role of a project manager tasked with delivering a 'cursed' website brief for one of your clients.
https://scope-creep.xyz/play
December 6, 2025 at 5:00 PM
🎮 The Scope Creep
👉🏻 An amusing "choose-your-own-adventure" style interactive narrative game.
👉🏻 You assume the role of a project manager tasked with delivering a 'cursed' website brief for one of your clients.
https://scope-creep.xyz/play
👉🏻 An amusing "choose-your-own-adventure" style interactive narrative game.
👉🏻 You assume the role of a project manager tasked with delivering a 'cursed' website brief for one of your clients.
https://scope-creep.xyz/play
📕 Programming principles for self taught front-end developers
👉🏻 Some solid, grounded, actionable rule-of-thumb suggestions that should straighten up or improve your workflow.
https://piccalil.li/blog/programming-principles-for-self-taught-front-end-developers/
👉🏻 Some solid, grounded, actionable rule-of-thumb suggestions that should straighten up or improve your workflow.
https://piccalil.li/blog/programming-principles-for-self-taught-front-end-developers/
December 6, 2025 at 10:00 AM
📕 Programming principles for self taught front-end developers
👉🏻 Some solid, grounded, actionable rule-of-thumb suggestions that should straighten up or improve your workflow.
https://piccalil.li/blog/programming-principles-for-self-taught-front-end-developers/
👉🏻 Some solid, grounded, actionable rule-of-thumb suggestions that should straighten up or improve your workflow.
https://piccalil.li/blog/programming-principles-for-self-taught-front-end-developers/
🛠️ Taqsim
👉🏻 A lightweight video segmentation tool.
👉🏻 Built with Nuxt 4 and Tauri.
https://github.com/kalimahapps/taqsim
👉🏻 A lightweight video segmentation tool.
👉🏻 Built with Nuxt 4 and Tauri.
https://github.com/kalimahapps/taqsim
December 5, 2025 at 5:00 PM
🛠️ Taqsim
👉🏻 A lightweight video segmentation tool.
👉🏻 Built with Nuxt 4 and Tauri.
https://github.com/kalimahapps/taqsim
👉🏻 A lightweight video segmentation tool.
👉🏻 Built with Nuxt 4 and Tauri.
https://github.com/kalimahapps/taqsim
Balancing TypeScript strictness with shipping fast in Vue/Nuxt projects:
👉🏻 Use strict mode, but relax when needed.
👉🏻 Type safety is vital, but so is velocity.
Choose your battles.
👉🏻 Use strict mode, but relax when needed.
👉🏻 Type safety is vital, but so is velocity.
Choose your battles.
December 5, 2025 at 2:00 PM
Balancing TypeScript strictness with shipping fast in Vue/Nuxt projects:
👉🏻 Use strict mode, but relax when needed.
👉🏻 Type safety is vital, but so is velocity.
Choose your battles.
👉🏻 Use strict mode, but relax when needed.
👉🏻 Type safety is vital, but so is velocity.
Choose your battles.
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Discover the latest in the Vue ecosystem, including updates on Nuxt layers, DevTools, and Vite 8 Beta.
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Discover the latest in the Vue ecosystem, including updates on Nuxt layers, DevTools, and Vite 8 Beta.
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
December 5, 2025 at 1:00 PM
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Discover the latest in the Vue ecosystem, including updates on Nuxt layers, DevTools, and Vite 8 Beta.
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Discover the latest in the Vue ecosystem, including updates on Nuxt layers, DevTools, and Vite 8 Beta.
Join 4.5k other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
📕 Self-Hosting First & Cloud-Agnostic Future
👉🏻 NuxtHub evolves to become a truly multi-cloud platform.
https://hub.nuxt.com/changelog/self-hosting-first
👉🏻 NuxtHub evolves to become a truly multi-cloud platform.
https://hub.nuxt.com/changelog/self-hosting-first
December 4, 2025 at 5:00 PM
📕 Self-Hosting First & Cloud-Agnostic Future
👉🏻 NuxtHub evolves to become a truly multi-cloud platform.
https://hub.nuxt.com/changelog/self-hosting-first
👉🏻 NuxtHub evolves to become a truly multi-cloud platform.
https://hub.nuxt.com/changelog/self-hosting-first
🚀 High-impact Nuxt 3 performance tips:
👉🏻Optimize images
👉🏻 Smart caching with Nitro
👉🏻 Reduce client JS
Quick wins you can check in minutes. Doing these?
👉🏻Optimize images
👉🏻 Smart caching with Nitro
👉🏻 Reduce client JS
Quick wins you can check in minutes. Doing these?
December 4, 2025 at 3:00 PM
🚀 High-impact Nuxt 3 performance tips:
👉🏻Optimize images
👉🏻 Smart caching with Nitro
👉🏻 Reduce client JS
Quick wins you can check in minutes. Doing these?
👉🏻Optimize images
👉🏻 Smart caching with Nitro
👉🏻 Reduce client JS
Quick wins you can check in minutes. Doing these?
📕 How Moving from Plain Vue to Nuxt Simplified my Workflow
https://javascript.plainenglish.io/from-vue-to-nuxt-the-shift-that-changed-my-workflow-7801e6a68104
https://javascript.plainenglish.io/from-vue-to-nuxt-the-shift-that-changed-my-workflow-7801e6a68104
December 3, 2025 at 5:00 PM
📕 How Moving from Plain Vue to Nuxt Simplified my Workflow
https://javascript.plainenglish.io/from-vue-to-nuxt-the-shift-that-changed-my-workflow-7801e6a68104
https://javascript.plainenglish.io/from-vue-to-nuxt-the-shift-that-changed-my-workflow-7801e6a68104
📕 Building a Modular Monolith with Nuxt Layers: A Practical Guide
👉🏻 Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.
https://alexop.dev/posts/nuxt-layers-modular-monolith/
👉🏻 Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.
https://alexop.dev/posts/nuxt-layers-modular-monolith/
December 2, 2025 at 5:00 PM
📕 Building a Modular Monolith with Nuxt Layers: A Practical Guide
👉🏻 Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.
https://alexop.dev/posts/nuxt-layers-modular-monolith/
👉🏻 Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.
https://alexop.dev/posts/nuxt-layers-modular-monolith/