A Andres Hernandez

Filtered Posts (Clear all)

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

Boosting Web Performance: Image Optimization in Astro for rifasvelez-web

Introduction

In the competitive landscape of web applications, every millisecond counts, especially when it comes to visual content. For our rifasvelez-web project, which relies on engaging visuals to captivate users, unoptimized images were proving to be a silent performance killer, directly impacting user experience and site loading speeds. Addressing this became a crucial step towards delivering a smoother, faster, and more enjoyable platform.

The Problem

High-resolution images

Read more

Boosting Web Performance: A Deep Dive into Image Optimization with Astro

Project Context

In the rifasvelez-web project, we've recently focused on a critical aspect of web performance: optimizing image delivery. Images are often the largest contributors to page weight and load times, directly impacting user experience and SEO.

The Challenge of Images

Modern web applications, especially those rich in visual content, frequently encounter performance bottlenecks due to unoptimized images. Large file sizes, incorrect dimensions, and inefficient loading

Read more
April 25, 2026 Astro SEO HTML

Boosting Search Presence: Fixing SEO Schema in Astro Projects

For our rifasvelez-web project, maintaining a strong online presence and ensuring discoverability is crucial. Search Engine Optimization (SEO) plays a vital role in this, and one often-overlooked yet powerful component is structured data, specifically SEO Schema. This post details how we addressed and fixed issues related to SEO Schema to enhance our project's visibility.

The Challenge: Unoptimized SEO

Initially, our rifasvelez-web Astro project, like many web applications, primarily

Read more
April 13, 2026 PHP CSS HTML

Fixing the View: Styling 404 Pages in Vehiculos-SENACAB

This post details a focused effort on enhancing the user experience in the Vehiculos-SENACAB project by refining the styling of the 404 error page.

The Issue

An unstyled or poorly styled 404 page can leave users feeling lost and disconnected. A consistent and visually appealing 404 page is crucial for maintaining a positive user experience, even when errors occur.

The Solution

The primary goal was to improve the aesthetic appeal and usability of the 404 error page.

Read more

From Deployment to Delivery: Bridging the Gap in Portfolio Management

This post examines how to streamline the deployment process in the 'Astro-portfolio' project, focusing on real-time feedback and continuous integration for enhanced project delivery. It's about moving beyond simple deployments to a more comprehensive delivery pipeline.

The Challenge

In many projects, the deployment phase is often seen as the final step. However, a true 'delivery' mindset requires continuous monitoring and feedback loops.

Read more

Streamlining Development with Vercel Integration

The Astro-portfolio project is focused on creating a sleek and modern portfolio website. Recent activity highlights the integration with Vercel to streamline deployment and feedback processes. This approach ensures that changes are rapidly deployed and that feedback is directly incorporated into the development workflow.

Automated Deployments

The core benefit of integrating with Vercel is automated deployment. Each commit triggers a new deployment, allowing for continuous integration and

Read more
April 02, 2026 JavaScript HTML

Streamlining Deployment for MoviesForDevs

Overview

The MoviesForDevs project is focused on providing curated movie recommendations tailored for developers. Recent activity centers around improving the deployment process using Vercel.

The Deployment Challenge

Deploying updates to MoviesForDevs required manual authorization, creating delays and potential bottlenecks in the development workflow. The existing deployment process lacked automation, hindering rapid iteration and continuous delivery.

Automation with Vercel

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.