Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
59

Latest Updates

Documenting code, one commit at a time.

JavaScript 10 posts
×
0 React JavaScript

Optimizing Data Filtering for Mobile Experience in Hotelgatuno

Introduction

Responsive design is about more than just rearranging layouts; it is about ensuring that the most important features remain accessible regardless of the device. Recently, in the hotelgatuno project, I focused on refining the filtering mechanism to better serve mobile users.

The Challenge: Filtering on Small Screens

On desktop viewports, filter sidebars or large horizontal

Refining Mobile UX: Fixing Navigation and Cart Interactions

Responsive Navigation Challenges

In the hotelgatuno project, we recently focused on a common pain point in mobile web development: the interaction between the primary navigation menu and the shopping cart. When building responsive layouts with Astro, ensuring that an off-canvas menu doesn't conflict with dynamic UI components like a shopping cart is essential for a smooth user experience.

Bootstrapping a Headless Architecture with Strapi and Next.js

Starting a new project often feels like staring at a blank canvas. Today, I began laying the foundation for a new application using Strapi as our headless CMS, coupled with a robust frontend built in Next.js. The goal is to create a modular, scalable architecture that separates our content management from the user interface.

Setting the Stage

When initiating a project like the

Optimizing Library Integration in Strapi Projects

Improving Maintainability

Managing library configurations in a headless CMS project can quickly become cumbersome as requirements evolve. Recently, while working on the strapi-project repository, I focused on refining the internal library handling. Keeping these modules organized is like maintaining a clean workshop; it ensures you can find your tools quickly when it is time to build new

Optimizing Page Loading with React Suspense in Next.js

Managing data fetching in modern React applications can often lead to fragmented loading states. In the Greg-js1007/strapi-project, we recently refactored our layout architecture to leverage React Suspense, moving away from manual conditional rendering and toward a more declarative loading strategy.

The Challenge with Legacy Loading

Previously, we were handling data fetching state within

Optimizing Data Freshness in Next.js with Strapi Cache Revalidation

Managing data consistency between a headless CMS and a frontend framework can be tricky, especially when your users expect to see real-time updates without sacrificing the performance benefits of static generation.

In the strapi-project, we recently addressed a bottleneck where stale data was persisting in the Next.js cache, leading to a disconnect between content updates in Strapi and what

0 JavaScript Node.js

Simplifying Resource Resolution with Proxy Patterns in JavaScript

In the Greg-js1007/strapi-project, we recently focused on optimizing how we handle source assets. When working with modular applications, managing paths and source resolution can quickly become a bottleneck if handled via hardcoded logic throughout the codebase. We needed a cleaner way to proxy resource requests to ensure better maintainability and abstraction.

The Situation

0 JavaScript

Documentation First: The Value of Maintaining a Clear README

The Importance of Documentation

In the daily grind of software development, it is easy to prioritize writing new features over documenting the existing ones. However, as our project Greg-js1007 continues to grow, we are reminded that a project is only as useful as its documentation. Recently, we focused on refining the README.

0 JavaScript

Starting Fresh: Building the Foundation for Bikerland

Every ambitious project starts with a single step. For the Bikerland project, that first step has officially been taken with the initial repository commit. Starting a project from scratch is a unique opportunity to define structure, enforce standards, and establish a clear vision before the complexity of features and dependencies begins to accumulate.

The Power of the Initial Commit

Kicking Off Development: Building Bikerland with React and Vite

Initial Setup

Every great application starts with a clean foundation. Recently, I began working on Bikerland, a project focused on cycling infrastructure and community engagement. Getting the environment configured correctly from the start is critical for developer productivity and long-term maintainability.

Choosing the Right Tooling

For Bikerland, I opted for a modern tech stack that