Lightnews — Scholar-powered news

Michael Hoffmann

@mokkapps.de

750 followers 170 following 860 posts

👨🏻‍💻 Senior Frontend Developer (Freelancer) • mokkapps.de 🚀 Building @weekly-vue.news • nuxtstarterkit.com • @codesnap.dev 💚 @vuejs.org & @nuxt.com enthusiast 📍 Munich 🇩🇪

Posts Media Videos Starter Packs

Pinned

Michael Hoffmann @mokkapps.de · Nov 4

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!

Home | Michael Hoffmann

Senior Frontend Developer (Freelancer) from Munich, Germany with focus on Vue.js

mokkapps.de

Michael Hoffmann @mokkapps.de · 4h

📕 Announcing Vite+

👉🏻 Introducing Vite+, a unified toolchain for JavaScript.
👉🏻 dev, build, test, lint, format, monorepo caching & more in a single dependency, built for scale, speed, and sanity.

https://voidzero.dev/posts/announcing-vite-plus

Michael Hoffmann @mokkapps.de · 6h

📕 State management in Vue: Composition API vs. Pinia

https://dev.to/jhoermann/state-management-in-vue-composition-api-vs-pinia-697

Michael Hoffmann @mokkapps.de · 1d

📕 You Can Now Make PS2 Games in JavaScript

👉🏻 Athena is a cool project allowing you to make real PS2 games in JavaScript.

https://jslegenddev.substack.com/p/you-can-now-make-ps2-games-in-javascript

Michael Hoffmann @mokkapps.de · 1d

📕 The Temporal Dead Zone, or why the TypeScript codebase is littered with var statements

👉🏻 The TypeScript codebase still uses `var` statements due to the performance benefits gained by avoiding the Temporal Dead Zone.

https://vincentrolfs.dev/blog/ts-var

1 1

Michael Hoffmann @mokkapps.de · 2d

📕 Drunk CSS

👉🏻 Funnily, CSS can be used to simulate the effects of being drunk on a website's interface as a way to highlight accessibility issues.

https://shkspr.mobi/blog/2025/09/drunk-css/

1 2

Michael Hoffmann @mokkapps.de · 2d

📹 Coinbase says 40% of code written by AI, mostly tests and Typescript

👉🏻 Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI - while keeping quality and security front and center.

https://www.youtube.com/watch?v=x7bsNmVuY8M&t=1036s

Michael Hoffmann @mokkapps.de · 2d

📕 What You Need to Know about Modern CSS (2025 Edition)

👉🏻 An extensive walk through a list of things which are now valuable to know, because they are “pretty fresh or have enjoyed a boost in browser support”.

https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/

Michael Hoffmann @mokkapps.de · 3d

📹 Vite: The Documentary

👉🏻 Featuring many prominent developers in the JS ecosystem, this documentary dives into the innovation, competition, and collaboration that turned Vite from an underdog prototype into the new standard for modern web tooling.

https://www.youtube.com/watch?v=bmWQqAKLgT4

Michael Hoffmann @mokkapps.de · 3d

💬 Quote of the week

Michael Hoffmann @mokkapps.de · 3d

🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:

👉🏻 Get the latest updates on Vue's reactivity and Pinia for smarter state management.
👉🏻 And much more...

Join 4.5K other Vue & Nuxt devs and sign up today:

https://weekly-vue.news

Michael Hoffmann @mokkapps.de · 4d

📹 Build a 3D Nuxt 4 eCommerce Website

👉🏻 This 6h course is perfect for developers who want to learn how to integrate and animate 3D models.
👉🏻 Start from the basics and work up to learn TresJS, Vue's Three.js implementation.

https://www.youtube.com/watch?v=1ryWEqumhYI

Michael Hoffmann @mokkapps.de · 4d

Designing scalable Pinia stores? Keep it simple:

👉🏻 Boundaries: One store per domain
👉🏻 TypeScript for type safety
👉🏻 Test stores like any other unit

Your state isn’t global glue - treat it with respect.

Michael Hoffmann @mokkapps.de · 5d

📕 Passkeys in Nuxt – The best Login UX

👉🏻 This guide walks you through what passkeys are, why they matter, and how to implement a full passkey (WebAuthn) auth flow in Nuxt 4.

https://vueschool.io/articles/vuejs-tutorials/passkeys-in-nuxt-the-best-login-ux/?friend=MOKKAPPS

Michael Hoffmann @mokkapps.de · 5d

📕 Nuxt Environment Overrides: Clean Config for Every Environment

👉🏻 Learn how to manage multiple environment configs in Nuxt with ease.

https://masteringnuxt.com/blog/nuxt-environment-overrides-clean-config-for-every-environment?friend=MOKKAPPS

Michael Hoffmann @mokkapps.de · 5d

Pragmatic testing in Nuxt isn’t about 100% coverage. It’s about testing what matters.

👉🏻 E2E over mock-heavy unit tests
👉🏻 Integration tests for APIs
👉🏻 Fast, reliable CI

Agree?

Michael Hoffmann @mokkapps.de · 6d

📕 Shadcn Vue – Elegant, Customizable UI Components for Modern Vue Apps

👉🏻 Shadcn Vue is a modern, flexible, and highly customizable UI solution for Vue applications.

https://dev.to/jacobandrewsky/shadcn-vue-elegant-customizable-ui-components-for-modern-vue-apps-cd

Michael Hoffmann @mokkapps.de · 6d

📕 How to Copy to Clipboard In Vue

👉🏻 Copy-to-clipboard is a tiny UX win that makes apps feel polished. 👉🏻 The easiest way to ship it in Vue is with VueUse’s useClipboard composable.

https://vueschool.io/articles/vuejs-tutorials/how-to-copy-to-clipboard-in-vue/?friend=MOKKAPPS

Michael Hoffmann @mokkapps.de · 6d

📢 Issue 219 is Out!

🔥 Yesterday, I published a new issue of my weekly Vue & Nuxt newsletter

🔗 Check it out: https://weekly-vue.news/issues/v2/183

Michael Hoffmann @mokkapps.de · 7d

📕 How to Write Better Pinia Stores with the Elm Pattern

https://alexop.dev/posts/tea-architecture-pinia-private-store-pattern/

Michael Hoffmann @mokkapps.de · 7d

📹 How to make your apps smaller?

👉🏻 Performance is crucial and the cost of JS is high.
👉🏻 Check out how you can reduce your bundle size by taking care of your dependencies

https://www.youtube.com/watch?v=9c4HLqk1ExA

Michael Hoffmann @mokkapps.de · 8d

🛠️ ApiSnip

👉🏻 A terminal user interface (TUI) tool for trimming OpenAPI specifications down to size.

https://github.com/Tuurlijk/apisnip

Michael Hoffmann @mokkapps.de · 8d

📕 The Day the Linter Broke My Code

👉🏻 A seemingly helpful linter suggestion inadvertently introduced a subtle but critical bug.

https://blog.fillmore-labs.com/posts/errors-2/

Michael Hoffmann @mokkapps.de · 9d

🛠️ Messenger

👉🏻 This is a beautifully animated example of just what’s now possible in the browser.
👉🏻 A charming little Web-GL interactive experience. Take a moment to explore.

https://messenger.abeto.co/

Michael Hoffmann @mokkapps.de · 9d

📕 Building a better online editor for TypeScript

👉🏻 Val Town has rewritten and open-sourced its online TypeScript editor from scratch to improve its performance and accuracy.

https://blog.val.town/vtlsp

Michael Hoffmann @mokkapps.de · 10d