Latest Updates

Documenting code, one commit at a time.

Fixing Alpine.js x-for Errors in SVG on Laravel Landing Pages

When building interactive landing pages with Laravel and Alpine.js, you might encounter unexpected issues when using Alpine.js directives inside SVG elements. Specifically, the <template x-for> loop can cause errors due to how browsers handle foreign objects within SVG. This post details a solution to this problem.

The Problem: <template x-for> Inside SVG

SVG elements have their own

Read more

Streamlining GitHub Activity Syncing with Date Range Selection

Efficiently managing and synchronizing data is crucial for application performance. Recently, we enhanced the GitHub activity syncing process in our application by replacing a single-date picker with a more flexible date range calendar. This improvement, combined with a significant refactor, streamlines the synchronization logic and enhances user experience.

Enhanced Date Range Selection

Read more

Implementing Payment Provider Abstraction with Feature Flags

When integrating multiple payment providers into an application, managing the transition and allowing for flexibility becomes crucial. This post explores how to introduce an abstraction layer combined with feature flags to handle different payment providers, such as Stripe and Paddle.

The Challenge

Directly integrating a payment gateway like Stripe can tightly couple the payment logic within

Read more