A Andres Hernandez

Filtered Posts (Clear all)

Streamlining Content: Deleting Raffles and Enhancing Footers in Astro

Managing dynamic content efficiently is crucial for any web application. In the rifasvelez-web project, our recent updates focused on empowering content administrators by streamlining the removal of outdated 'raffle' entries and enhancing the user experience with more detailed footer information.

Project Context: rifasvelez-web

The rifasvelez-web project leverages Astro to deliver a fast, modern web experience. Astro's approach to content-driven sites makes it ideal for projects

Read more

Streamlining Image Handling in Astro: Embracing Native `<img>` Tags

Introduction

In the fast-paced world of web development, optimizing asset delivery, especially images, is crucial for performance and user experience. For our rifasvelez-web project, built with Astro, we recently made a subtle yet impactful change: standardizing our image implementation to favor native <img> tags by default. This shift, while seemingly minor, brought significant benefits to development workflow and potential performance.

The Challenge

Modern frameworks often

Read more

Fixing Masonry Layouts for Dynamic Content in Rifasvelez-web

Project Context: Rifasvelez-web

The rifasvelez-web project is a dynamic web application built with Astro, designed to showcase information, including a critical "winners gallery". This gallery prominently displays past winners of raffles, making a visually appealing and correctly structured layout paramount for user engagement and credibility.

The Problem: Inconsistent Masonry Gallery

Our "winners gallery" was designed to use a masonry layout, a popular grid technique where items of

Read more

Enhancing SEO: Mastering Schema Markup in Astro Projects

In web development, visibility is key. For the rifasvelez-web project, ensuring our content is understood by search engines is paramount. This commit focused on a crucial aspect of that effort: refining and fixing the SEO Schema implementation.

Schema markup, powered by Schema.org vocabulary and typically implemented via JSON-LD, provides structured data that helps search engines like Google understand the context and details of your website's content.

Read more
Andres Hernandez

Andres Hernandez

Product-focused Software Developer specializing in the React ecosystem (Next.js, TypeScript). Proven experience contributing to high-impact open source projects and building scalable web applications. Committed to clean code, UI/UX design principles, and SOLID architecture to solve complex problems.