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!
🛠️ Sonda
👉🏻 A universal bundle analyzer and visualizer for JavaScript and CSS projects.
👉🏻 It generates interactive HTML reports by analyzing source maps and showing module sizes after tree-shaking and minification.
https://github.com/filipsobol/sonda
👉🏻 A universal bundle analyzer and visualizer for JavaScript and CSS projects.
👉🏻 It generates interactive HTML reports by analyzing source maps and showing module sizes after tree-shaking and minification.
https://github.com/filipsobol/sonda
December 28, 2025 at 5:00 PM
🛠️ Sonda
👉🏻 A universal bundle analyzer and visualizer for JavaScript and CSS projects.
👉🏻 It generates interactive HTML reports by analyzing source maps and showing module sizes after tree-shaking and minification.
https://github.com/filipsobol/sonda
👉🏻 A universal bundle analyzer and visualizer for JavaScript and CSS projects.
👉🏻 It generates interactive HTML reports by analyzing source maps and showing module sizes after tree-shaking and minification.
https://github.com/filipsobol/sonda
🛠️ Browser Score
👉🏻 A browser testing tool that quickly checks how many web platform features your browser recognizes and gives it a percentage score.
https://browserscore.dev/
👉🏻 A browser testing tool that quickly checks how many web platform features your browser recognizes and gives it a percentage score.
https://browserscore.dev/
December 27, 2025 at 5:00 PM
🛠️ Browser Score
👉🏻 A browser testing tool that quickly checks how many web platform features your browser recognizes and gives it a percentage score.
https://browserscore.dev/
👉🏻 A browser testing tool that quickly checks how many web platform features your browser recognizes and gives it a percentage score.
https://browserscore.dev/
📕 Making complex web apps faster
👉🏻 Microsoft is proposing a new Delayed Message Timing API to help web developers diagnose and fix performance issues in complex web applications.
https://blogs.windows.com/msedgedev/2025/12/09/making-complex-web-apps-faster/
👉🏻 Microsoft is proposing a new Delayed Message Timing API to help web developers diagnose and fix performance issues in complex web applications.
https://blogs.windows.com/msedgedev/2025/12/09/making-complex-web-apps-faster/
December 27, 2025 at 10:00 AM
📕 Making complex web apps faster
👉🏻 Microsoft is proposing a new Delayed Message Timing API to help web developers diagnose and fix performance issues in complex web applications.
https://blogs.windows.com/msedgedev/2025/12/09/making-complex-web-apps-faster/
👉🏻 Microsoft is proposing a new Delayed Message Timing API to help web developers diagnose and fix performance issues in complex web applications.
https://blogs.windows.com/msedgedev/2025/12/09/making-complex-web-apps-faster/
📕 Validating API Routes in Nuxt 4 with Zod
👉🏻 Stop writing manual validation logic in every API route.
👉🏻 Here are some utility functions that make Zod validation painless in Nuxt.
https://humanonlyweb.com/blog/validating-api-routes-in-nuxt-with-zod
👉🏻 Stop writing manual validation logic in every API route.
👉🏻 Here are some utility functions that make Zod validation painless in Nuxt.
https://humanonlyweb.com/blog/validating-api-routes-in-nuxt-with-zod
December 26, 2025 at 5:00 PM
📕 Validating API Routes in Nuxt 4 with Zod
👉🏻 Stop writing manual validation logic in every API route.
👉🏻 Here are some utility functions that make Zod validation painless in Nuxt.
https://humanonlyweb.com/blog/validating-api-routes-in-nuxt-with-zod
👉🏻 Stop writing manual validation logic in every API route.
👉🏻 Here are some utility functions that make Zod validation painless in Nuxt.
https://humanonlyweb.com/blog/validating-api-routes-in-nuxt-with-zod
🛠️ MDCLint
👉🏻 A CLI + ESLint plugin for linting MDC and Markdown.
https://github.com/nuxt-content/mdclint
👉🏻 A CLI + ESLint plugin for linting MDC and Markdown.
https://github.com/nuxt-content/mdclint
December 25, 2025 at 7:00 PM
🛠️ MDCLint
👉🏻 A CLI + ESLint plugin for linting MDC and Markdown.
https://github.com/nuxt-content/mdclint
👉🏻 A CLI + ESLint plugin for linting MDC and Markdown.
https://github.com/nuxt-content/mdclint
📕 Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
👉🏻 Learn a practical testing strategy for Vue 3 applications using composable unit tests, Vitest browser mode integration tests, and visual regression testing.
https://alexop.dev/posts/vue3_testing_pyramid_vitest_browser_mode/
👉🏻 Learn a practical testing strategy for Vue 3 applications using composable unit tests, Vitest browser mode integration tests, and visual regression testing.
https://alexop.dev/posts/vue3_testing_pyramid_vitest_browser_mode/
December 25, 2025 at 5:00 PM
📕 Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
👉🏻 Learn a practical testing strategy for Vue 3 applications using composable unit tests, Vitest browser mode integration tests, and visual regression testing.
https://alexop.dev/posts/vue3_testing_pyramid_vitest_browser_mode/
👉🏻 Learn a practical testing strategy for Vue 3 applications using composable unit tests, Vitest browser mode integration tests, and visual regression testing.
https://alexop.dev/posts/vue3_testing_pyramid_vitest_browser_mode/
📕 A Layered Architecture for Nuxt Fullstack applications
👉🏻 As your fullstack Nuxt app grows, you'll need more structure than just routes calling the database directly.
https://humanonlyweb.com/blog/layered-architecture-for-nuxt-4-fullstack-applications-part-1
👉🏻 As your fullstack Nuxt app grows, you'll need more structure than just routes calling the database directly.
https://humanonlyweb.com/blog/layered-architecture-for-nuxt-4-fullstack-applications-part-1
December 24, 2025 at 7:00 PM
📕 A Layered Architecture for Nuxt Fullstack applications
👉🏻 As your fullstack Nuxt app grows, you'll need more structure than just routes calling the database directly.
https://humanonlyweb.com/blog/layered-architecture-for-nuxt-4-fullstack-applications-part-1
👉🏻 As your fullstack Nuxt app grows, you'll need more structure than just routes calling the database directly.
https://humanonlyweb.com/blog/layered-architecture-for-nuxt-4-fullstack-applications-part-1
🛠️ Nuxt Studio beta is out
👉🏻 Form editor for YAML/JSON & Front-matter (based on Nuxt Content schema)
👉🏻 Editor improvements (video, emojis...)
👉🏻 Translated in 16 languages
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-beta.0
👉🏻 Form editor for YAML/JSON & Front-matter (based on Nuxt Content schema)
👉🏻 Editor improvements (video, emojis...)
👉🏻 Translated in 16 languages
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-beta.0
December 24, 2025 at 5:00 PM
🛠️ Nuxt Studio beta is out
👉🏻 Form editor for YAML/JSON & Front-matter (based on Nuxt Content schema)
👉🏻 Editor improvements (video, emojis...)
👉🏻 Translated in 16 languages
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-beta.0
👉🏻 Form editor for YAML/JSON & Front-matter (based on Nuxt Content schema)
👉🏻 Editor improvements (video, emojis...)
👉🏻 Translated in 16 languages
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-beta.0
📹 Which plugins slow your build? You can find out now!
👉🏻 The newest Rolldown version helps us finding slow plugins.
https://www.youtube.com/watch?v=qIznt0zvbtc
👉🏻 The newest Rolldown version helps us finding slow plugins.
https://www.youtube.com/watch?v=qIznt0zvbtc
December 23, 2025 at 7:00 PM
📹 Which plugins slow your build? You can find out now!
👉🏻 The newest Rolldown version helps us finding slow plugins.
https://www.youtube.com/watch?v=qIznt0zvbtc
👉🏻 The newest Rolldown version helps us finding slow plugins.
https://www.youtube.com/watch?v=qIznt0zvbtc
📕 Setting Up Your IDE for Nuxt UI: A Complete Guide
👉🏻 Get autocomplete, TypeScript support, Tailwind IntelliSense, ESLint, and AI-powered MCP, Icon previews, and more.
https://vueschool.io/articles/vuejs-tutorials/setting-up-your-ide-for-nuxt-ui-a-complete-guide/?friend=MOKKAPPS
👉🏻 Get autocomplete, TypeScript support, Tailwind IntelliSense, ESLint, and AI-powered MCP, Icon previews, and more.
https://vueschool.io/articles/vuejs-tutorials/setting-up-your-ide-for-nuxt-ui-a-complete-guide/?friend=MOKKAPPS
December 23, 2025 at 5:00 PM
📕 Setting Up Your IDE for Nuxt UI: A Complete Guide
👉🏻 Get autocomplete, TypeScript support, Tailwind IntelliSense, ESLint, and AI-powered MCP, Icon previews, and more.
https://vueschool.io/articles/vuejs-tutorials/setting-up-your-ide-for-nuxt-ui-a-complete-guide/?friend=MOKKAPPS
👉🏻 Get autocomplete, TypeScript support, Tailwind IntelliSense, ESLint, and AI-powered MCP, Icon previews, and more.
https://vueschool.io/articles/vuejs-tutorials/setting-up-your-ide-for-nuxt-ui-a-complete-guide/?friend=MOKKAPPS
📢 Issue 229 is Out!
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/193
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/193
December 23, 2025 at 3:00 PM
📢 Issue 229 is Out!
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/193
🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter
🔗 Check it out: https://weekly-vue.news/issues/v2/193
📕 15 Must-Have Nuxt Modules to Supercharge Your Development in 2025
https://masteringnuxt.com/blog/15-must-have-nuxt-modules-to-supercharge-your-development-in-2025?friend=MOKKAPPS
https://masteringnuxt.com/blog/15-must-have-nuxt-modules-to-supercharge-your-development-in-2025?friend=MOKKAPPS
December 22, 2025 at 7:00 PM
📕 15 Must-Have Nuxt Modules to Supercharge Your Development in 2025
https://masteringnuxt.com/blog/15-must-have-nuxt-modules-to-supercharge-your-development-in-2025?friend=MOKKAPPS
https://masteringnuxt.com/blog/15-must-have-nuxt-modules-to-supercharge-your-development-in-2025?friend=MOKKAPPS
🛠️ Nuxt UI v4.3.0
👉🏻 New Editor components powered by TipTap
with toolbars, slash commands, mentions, emojis, and drag & drop.
👉🏻 New ScrollArea component with virtualization using TanStack
Virtual.
https://github.com/nuxt/ui/releases/tag/v4.3.0
👉🏻 New Editor components powered by TipTap
with toolbars, slash commands, mentions, emojis, and drag & drop.
👉🏻 New ScrollArea component with virtualization using TanStack
Virtual.
https://github.com/nuxt/ui/releases/tag/v4.3.0
December 22, 2025 at 5:00 PM
🛠️ Nuxt UI v4.3.0
👉🏻 New Editor components powered by TipTap
with toolbars, slash commands, mentions, emojis, and drag & drop.
👉🏻 New ScrollArea component with virtualization using TanStack
Virtual.
https://github.com/nuxt/ui/releases/tag/v4.3.0
👉🏻 New Editor components powered by TipTap
with toolbars, slash commands, mentions, emojis, and drag & drop.
👉🏻 New ScrollArea component with virtualization using TanStack
Virtual.
https://github.com/nuxt/ui/releases/tag/v4.3.0
🛠️ Tunnl.gg
👉🏻 Provides instant public URLs for local web servers, making it easy to expose localhost to the internet.
👉🏻 It requires no installation as it relies solely on a simple SSH command.
https://tunnl.gg/
👉🏻 Provides instant public URLs for local web servers, making it easy to expose localhost to the internet.
👉🏻 It requires no installation as it relies solely on a simple SSH command.
https://tunnl.gg/
December 21, 2025 at 5:00 PM
🛠️ Tunnl.gg
👉🏻 Provides instant public URLs for local web servers, making it easy to expose localhost to the internet.
👉🏻 It requires no installation as it relies solely on a simple SSH command.
https://tunnl.gg/
👉🏻 Provides instant public URLs for local web servers, making it easy to expose localhost to the internet.
👉🏻 It requires no installation as it relies solely on a simple SSH command.
https://tunnl.gg/
📕 Progress on TypeScript 7
👉🏻 The project works behind the scenes hard on both v6.0 and v7.0.
https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/
👉🏻 The project works behind the scenes hard on both v6.0 and v7.0.
https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/
December 21, 2025 at 10:00 AM
📕 Progress on TypeScript 7
👉🏻 The project works behind the scenes hard on both v6.0 and v7.0.
https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/
👉🏻 The project works behind the scenes hard on both v6.0 and v7.0.
https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/
🛠️ Fresh
👉🏻 A terminal text editor with features like a menu system, command palette, and full mouse support.
https://sinelaw.github.io/fresh/
👉🏻 A terminal text editor with features like a menu system, command palette, and full mouse support.
https://sinelaw.github.io/fresh/
December 20, 2025 at 5:00 PM
🛠️ Fresh
👉🏻 A terminal text editor with features like a menu system, command palette, and full mouse support.
https://sinelaw.github.io/fresh/
👉🏻 A terminal text editor with features like a menu system, command palette, and full mouse support.
https://sinelaw.github.io/fresh/
📕 Vanilla CSS is all you need
👉🏻 37signals uses vanilla CSS without build tools in its applications by using modern CSS features like custom properties, nesting, and the :has() selector, resulting in simpler, more maintainable code.
https://www.zolkos.com/2025/12/03/vanilla-css-is-all-you-need
👉🏻 37signals uses vanilla CSS without build tools in its applications by using modern CSS features like custom properties, nesting, and the :has() selector, resulting in simpler, more maintainable code.
https://www.zolkos.com/2025/12/03/vanilla-css-is-all-you-need
December 20, 2025 at 10:00 AM
📕 Vanilla CSS is all you need
👉🏻 37signals uses vanilla CSS without build tools in its applications by using modern CSS features like custom properties, nesting, and the :has() selector, resulting in simpler, more maintainable code.
https://www.zolkos.com/2025/12/03/vanilla-css-is-all-you-need
👉🏻 37signals uses vanilla CSS without build tools in its applications by using modern CSS features like custom properties, nesting, and the :has() selector, resulting in simpler, more maintainable code.
https://www.zolkos.com/2025/12/03/vanilla-css-is-all-you-need
📹 Working on Nuxt Full-Time
👉🏻 Daniel Roe, Nuxt Core Team Lead, sits down to share his journey from everyday Nuxt user to maintaining the framework at scale and what it’s really like to guide a global open-source project.
https://www.youtube.com/watch?v=9WqHpcZT7N4
👉🏻 Daniel Roe, Nuxt Core Team Lead, sits down to share his journey from everyday Nuxt user to maintaining the framework at scale and what it’s really like to guide a global open-source project.
https://www.youtube.com/watch?v=9WqHpcZT7N4
December 19, 2025 at 5:01 PM
📹 Working on Nuxt Full-Time
👉🏻 Daniel Roe, Nuxt Core Team Lead, sits down to share his journey from everyday Nuxt user to maintaining the framework at scale and what it’s really like to guide a global open-source project.
https://www.youtube.com/watch?v=9WqHpcZT7N4
👉🏻 Daniel Roe, Nuxt Core Team Lead, sits down to share his journey from everyday Nuxt user to maintaining the framework at scale and what it’s really like to guide a global open-source project.
https://www.youtube.com/watch?v=9WqHpcZT7N4
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Dive into testing strategies in Vue 3 and explore layered architecture in fullstack apps.
👉🏻 And more...
Join 4.5K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Dive into testing strategies in Vue 3 and explore layered architecture in fullstack apps.
👉🏻 And more...
Join 4.5K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
December 19, 2025 at 1:00 PM
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Dive into testing strategies in Vue 3 and explore layered architecture in fullstack apps.
👉🏻 And more...
Join 4.5K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Dive into testing strategies in Vue 3 and explore layered architecture in fullstack apps.
👉🏻 And more...
Join 4.5K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
📕 How to handle Async Rendering in Vue with Suspense
👉🏻 Vue Suspense eliminates flickering, hydration problems, and mismatched loading states by giving full control over async rendering.
https://dev.to/jacobandrewsky/how-to-handle-async-rendering-in-vue-with-suspense-34mj
👉🏻 Vue Suspense eliminates flickering, hydration problems, and mismatched loading states by giving full control over async rendering.
https://dev.to/jacobandrewsky/how-to-handle-async-rendering-in-vue-with-suspense-34mj
December 18, 2025 at 5:00 PM
📕 How to handle Async Rendering in Vue with Suspense
👉🏻 Vue Suspense eliminates flickering, hydration problems, and mismatched loading states by giving full control over async rendering.
https://dev.to/jacobandrewsky/how-to-handle-async-rendering-in-vue-with-suspense-34mj
👉🏻 Vue Suspense eliminates flickering, hydration problems, and mismatched loading states by giving full control over async rendering.
https://dev.to/jacobandrewsky/how-to-handle-async-rendering-in-vue-with-suspense-34mj
🛠️ Nuxt Studio Alpha 4
👉🏻 Google OAuth support which lets non tech content editors authenticate without GitHub or GitLab.
👉🏻 Bug fixes & improvements.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.4
👉🏻 Google OAuth support which lets non tech content editors authenticate without GitHub or GitLab.
👉🏻 Bug fixes & improvements.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.4
December 17, 2025 at 7:00 PM
🛠️ Nuxt Studio Alpha 4
👉🏻 Google OAuth support which lets non tech content editors authenticate without GitHub or GitLab.
👉🏻 Bug fixes & improvements.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.4
👉🏻 Google OAuth support which lets non tech content editors authenticate without GitHub or GitLab.
👉🏻 Bug fixes & improvements.
https://github.com/nuxt-content/studio/releases/tag/v1.0.0-alpha.4
📹 Run VS Code in the Nuxt Devtools - Part 2
👉🏻 Alexander Lichter explain how you can run VS code inside the Nuxt DevTools.
https://www.youtube.com/watch?v=EbssD4ovQBM
👉🏻 Alexander Lichter explain how you can run VS code inside the Nuxt DevTools.
https://www.youtube.com/watch?v=EbssD4ovQBM
December 17, 2025 at 5:00 PM
📹 Run VS Code in the Nuxt Devtools - Part 2
👉🏻 Alexander Lichter explain how you can run VS code inside the Nuxt DevTools.
https://www.youtube.com/watch?v=EbssD4ovQBM
👉🏻 Alexander Lichter explain how you can run VS code inside the Nuxt DevTools.
https://www.youtube.com/watch?v=EbssD4ovQBM
📕 Updated Nuxt Module Author Guide
👉🏻 The Nuxt team restructured the entire guide to make it way clearer and easier to follow.
https://nuxt.com/docs/4.x/guide/modules/getting-started
👉🏻 The Nuxt team restructured the entire guide to make it way clearer and easier to follow.
https://nuxt.com/docs/4.x/guide/modules/getting-started
December 16, 2025 at 7:00 PM
📕 Updated Nuxt Module Author Guide
👉🏻 The Nuxt team restructured the entire guide to make it way clearer and easier to follow.
https://nuxt.com/docs/4.x/guide/modules/getting-started
👉🏻 The Nuxt team restructured the entire guide to make it way clearer and easier to follow.
https://nuxt.com/docs/4.x/guide/modules/getting-started