Publish Playwright Test Reports with GitLab CI/CD Artifacts
A step-by-step guide to configuring Playwright and GitLab CI/CD to automatically publish HTML test reports with clickable links.
Blog
Welcome to my blog. Here you will find a collection of articles that I have written over the years. I hope you find them helpful and informative. The are sorted by date, but not filtered or paginated. If you want to search, use your browser's search function.
You can also see all the tags I have used in my blog posts here.
Setting Up NGINX Proxy Manager for Docker Containers
A step-by-step guide to configuring a reverse proxy using NGINX Proxy Manager for Docker containers.
In-Source Testing with Vite and Vitest
Learn how to write Vitest In-Source tests through automatic test discovery.
Enabling Hot Module Replacement (HMR) in Vite When Using an NGINX Reverse Proxy
A step-by-step guide on setting up Hot Module Replacement (HMR) in Vite with an NGINX reverse proxy, including configuration tips and best practices.
Building a Two-Factor Authentication Form in React Using SMS Verification
A step-by-step guide to building a Two-Factor Authentication (2FA) form in React using SMS for verification, highlighting the use of react-hook-form and the autoComplete="one-time-code" attribute.
Filtering "Failed to Fetch" Errors with Sentry's `beforeSend` Configuration
Learn how to use Sentry's `beforeSend` configuration to filter out non-actionable "Failed to fetch" errors caused by adblockers in your web applications.
Using husky Pre-Commit Hooks to Ensure Playwright Version Consistency
A step-by-step guide to setting up a pre-commit hook to ensure Playwright versions match between package.json and .gitlab-ci.yml.
Fix no exported member 'ReactComponent' when importing svg in react and vite
This blog post fixes error TS2614: Module '"*.svg"' has no exported member 'ReactComponent' by changing the way svgs are imported.
Global error handling with vue-query
This blog post describes how to handle errors with vue-query on a global level by using axios interceptors.
Create Astro front matter with Templater in Obsidian
In this blogpost I want to show how I create Astro front matter with Templater in Obsidian.
Securing Firebase Firestore with basic security rules
A blog post on how to secure your Firebase Firestore with basic security rules. We will allow read access to public data and read+write access to user-specific data.
Creating vitest testcases with ChatGPT
In this blogpost, I show how to create testcases for vitest with ChatGPT and achieve high coverage.
Using Cloudflare Workers as a Proxy for Firebase Authentication
This blog post will guide you through the process of setting up Cloudflare Workers as a proxy for Firebase authentication, allowing any user to authenticate with the `signInWithRedirect` function. Without this, cross-domain cookie settings will prevent Safari and other browsers from signing in.
Meaningful Sentry issues with react-query + axios
This post shows how to enrich axios errors when using react-query and how to handle them on a global level.
Optimizing screenreader accessibility for icon-only buttons
In this post I show how you can easily make buttons which consist only of an svg more accessible.
Mocking IntersectionObserver in Jest
This post describes how to mock IntersectionObserver, a layout helper which is not implemented when running tests with Jest + JSDOM.
Serve your build locally with nginx through docker
Sometimes you might want to debug problems or behavior of your produdction build locally. To do so, you have to somehow serve it. This post explains how!
Tailwind + SCSS: resolve-url-loader: error processing CSS, invalid mapping
This post describes how to fix a tailwind error, where using @apply directives would cause "resolve-url-loader: error processing CSS, invalid mapping" errors during your build.
React: Could not find router reducer in state tree, it must be mounted under “router”
A possible fix for the error Could not find router reducer in state tree, it must be mounted under "router" with connected-react-router
Arch: signature is unknown trust
In this post I explain how to fix an error about an error that is caused by a package, which was signed with a missing/untrusted public key.
[AUR] ERROR: One or more PGP signatures could not be verified
This post explains how to fix the PGP signature verification on AUR packages. If the key of a signed PKGBUILD is not present in your public key ring, you will otherwise see "ERROR: One or more PGP signatures could not be verified"
PyCharm + Docker Compose: Couldn’t refresh skeletons for remote interpreter
A recent upgrade of docker-compose might cause a nasty error. In this post I explain what to do to restore your debugger and the big why.
“Too many redirects” when using WordPress as container
WordPress in Docker can cause quite some headache. Especially the reverse proxy, which we need to pass through traffic from host to container. I struggled with a "Too Many Redirects" error, which can come from some different sources.
HOW TO: Bluetooth on Arch Linux
As some may struggle to get their bluetooth connections up and running under Arch Linux (and I have to google this each time I install as well) I decided to write a post on it. Hope you benefit from it!
Fix slow ZSH startup due to NVM
portion of code to your .zshrc to enable autocompletion. This, in turn, slows the startup of your shell quite a lot. But we can easily fix this slow zsh startup! Instead of always loading your nvm autocompletion, we can command oh-my-zsh to just load nvm ressources on-demand, also known as lazy-loading.
Securing TrueNAS with a cheap backup to the cloud
Backups with Time Machine, Nextcloud, iSCSI storage - all is stored on my TrueNAS VM. It's running in proxmox with raid controller passthrough. As my proxmox machine just crashed due to faulty ram / ECC errors two days ago, I thought that I might be better off with an offsite backup for all these important storage pools. Thats where I discovered TrueNAS' capability of running Cloud Sync Tasks, which periodically run a TrueNAS backup to cloud providers you choose.
Arch Linux: Cannot find shared library libffi.so.7
A short post on how to fix the library error mentioned in the title. We fix this by downgrading libffi or installing libffi7 from the AUR.
Run your own VPN with OpenVPN
In this post I lead you through the installation process of OpenVPN, so that you can easily run your own cheap and 100% private VPN.
Monitor websites with Grafana, Prometheus and Blackbox Exporter
This post will describe how to setup Grafana, Prometheus and the Blackbox exporter quick and easy, allowing you to monitor your websites.
Adding a HP printer on Arch Linux
Quick note on how to install a (HP) printer under Arch Linux.