In our Astro-portfolio project, we recently focused on polishing the user experience, specifically regarding our custom LogoWall component. Visual components that handle continuous motion or transitions often require fine-tuning to ensure they feel natural and consistent across different viewport sizes.

The Challenge of Fluid Motion

When implementing a logo ticker or a wall of brand icons, the primary enemy is "jitter." This occurs when the browser's layout engine struggles to keep up with

In the Gothsec/Astro-portfolio project, I recently focused on enhancing site performance by addressing font loading strategies. Web fonts are often a silent performance killer, introducing layout shifts and unnecessary external dependencies if not managed correctly.

The Performance Bottleneck

Previously, the site relied on external font delivery services. While convenient, this introduces an extra network round-trip and a potential single point of failure.

In the ongoing development of the Astro-portfolio project, I recently focused on refining the visual consistency and loading performance of the site. Specifically, I set out to improve the custom LogoWall component and ensure that typography renders without layout shifts by implementing local font preloading.

The Challenge: Layout Shifts and Component Bloat

Previously, our logo rendering relied on external dependencies that introduced unnecessary network requests, while font loading was

Managing prompts in a growing application requires a balance between flexibility and maintainability. In the Gothsec/promptd project, we have been focusing on refining our repository layer to better support our prompt management workflows, ensuring that our infrastructure scales as we integrate more complex interactions.

The Challenge of Scalability

As the number of prompts in our system grows, the traditional way of handling data retrieval can become a bottleneck.

Building a new application starts with the small details that define its presence. For the promptd project, the initial phase focuses on laying the aesthetic groundwork through a consistent color system and clear branding implementation.

Establishing the Visual Foundation

A UI's personality is built on its primary color palette. When developing with Tailwind CSS, the goal is to create a robust configuration that serves as a single source of truth for the entire application, preventing

Foundation Matters

Starting a new project often feels like staring at a blank canvas. With the recent launch of the Gothsec/promptd project, we focused on establishing a robust, scalable foundation that balances rapid development with clean architectural patterns. By utilizing React and Next.js, we ensure the interface is both performant and highly interactive.

Establishing the Structure

When setting up the base architecture, the primary goal was to create a maintainable CSS

Building a custom authentication system from scratch is a classic trap. You spend weeks perfecting password hashing and session management, only to realize your users just want to click 'Sign in with Google' and move on with their day. Recently, in the promptd project, we decided to offload this complexity by integrating managed identity providers.

The Authentication Overhead

When scaling an application, the burden of maintaining user credentials grows exponentially.

At Gothsec, we have been working on the Vehiculos-SENACAB project, a system dedicated to fleet management and data tracking. Recently, I led an initiative to audit and improve the project's codebase to ensure long-term stability and performance. As applications scale, technical debt often hides in plain sight, manifesting as bloated repositories and redundant logic.

The Audit Phase

When we reviewed the repository structure, we noticed that our data access layer was becoming a bottleneck.

In dynamic web applications, content evolves constantly. Features are added, data is updated, and sometimes, entire sections need to be gracefully retired. This ongoing process of managing content lifecycle is crucial for maintaining a clean, performant, and user-friendly experience.

Recently, on the rifasvelez-web project – a web application built with Astro – we tackled two specific content management tasks: the complete removal of a raffle entry and the addition of dynamic details to the

Introduction

In the rifasvelez-web project, we showcase community achievements through a dedicated winners gallery. This visual feature is crucial for celebrating milestones and engaging users. For this, we opted for a masonry layout, a popular choice that creates a dynamic, visually appealing grid by fitting items of varying heights into columns with minimal gaps, similar to how a stonemason arranges bricks.

The Masonry Challenge

While aesthetically pleasing, implementing a robust