How to add Custom Locations in Nginx Proxy Manager
Setting up custom locations in Nginx Proxy Manager isn't obvious, especially for WebSockets. Here's how to do it right.
freddydumont's blog
Tips and articles about Front-End development with TypeScript, React, Node.js, GraphQL and more!
Latest posts
Generate D2 PNG diagrams in GitHub Actions
Automatically generate and publish D2 diagram PNGs using GitHub Actions.
How to generate NixOS LXC templates in GitHub Actions
Run NixOS builds in CI using GitHub Actions and nixos-generators to get ready-to-use LXC templates for Proxmox and other virtualisation platforms.
How to configure Vite to include additional folders
What to do if a folder isn't picked up by Vite. How to explicitely tell Vite to include a specific folder in its bundle. Resolve aliases are the solution.
Radix Themes vs Primitives
Explore the capabilities of Radix Themes, understand how it compares to other React component libraries, and learn its potential trade-offs.
Separation of concerns
The principle of "Separation of concerns" is often misapplied to web technologies. HTML, CSS, and JS should work together in component-driven web development.
How to prevent Theme UI color mode flash
Theme UI's `system` color mode can color flash when responding to the `prefers-color-scheme` media query. Here's a hack to prevent that.
How to use PostGIS with Prisma
Prisma doesn’t support PostGIS, but we can query spatial data using raw database access. This post explores PostGIS basics and the Prisma setup.
Why I chose Gatsby (again) for my developer blog
A reflection on analysis paralysis and the value of familiarity in a world of fast changing technology.
How to throw an error from an invoked child machine to a parent in xstate
Errors thrown inside invoked promises will trigger the `onError` block, but invoked child machines require usage of the `escalate` action.
How to test xstate machines invoking async code in Jest
Prevent xstate machines async invocations from persisting after the test is done by using `waitFor` and keeping a reference to the actor.
How to whitelist dynamic Tailwind classes in PurgeCSS
Avoid copy pasting classes with a quick JavaScript function and use the PurgeCSS whitelist configuration option.
How to source images and data from JSON files in Gatsby
Use Gatsby's Node API to process images in JSON files with gatsby-plugin-sharp and customize the shape of your data in GraphQL nodes.
Master Git, not the command line
Learning Git isn't about memorizing commands. It's about understanding version control. I suggest using a GUI instead of the CLI to do that.