I have always wanted a photo slideshow feed from the photos stored on my NAS. While Synology Photos includes a slideshow feature, it is limited: it only displays photos in descending order (newest to oldest). This means I rarely see photos from years ago. As a long-time Synology user with thousands of memories stored in […]
Up to this point I have only used AI to generate code snippets, either via Gemini web or the Codeium extension on VS Code/Rider. Recently, I decided to give Trae AI IDE a try and as I was updating my portfolio site at esausilva.dev, a brilliant idea sparked and found a use-case to fully utilize […]
Calling an authenticated API from Next.js server side is a little different than calling it from the client side and concerning authentication cookies.
After updating Gatsby from 3.0.4 to 4.12.1 I got the following error message: Error: Cannot find module ‘gatsby-plugin-utils/polyfill-remote-file’ and the stack trace below:
With many lightbox gallery solutions on NPM, I ended up writing my own React Custom Lightbox Gallery Component to meet my specific needs. I was looking for a “lightbox” type gallery that would allow me to display images (multiple images in the same modal), videos, text, and a mix of that, all within the same […]
With many modal solutions on NPM, I ended up writing my own React Custom Modal Component to meet my specific needs. Well, the above statement is not entirely true. I was looking for a “lightbox” type gallery that would allow me to display images (multiple images in the same modal), videos, text, and a mix […]
How to use a custom React hook to auto-play a video with Intersection Observer when it becomes visible and pause when it goes out of view. I was building my wife’s website and she wanted to play a video clip as a background with some text overlaying the video. I knew I did not want […]
In this tutorial, we will go step by step on how to add a React App to a NET Core MVC App. Handling 404 pages and client routing. I am one to think that not everything I build has to be a Single Page Application (SPA). Recently I was building a project for a client, […]
In this tutorial, we will learn how to deploy a React app with a back-end API to Netlify. We will cover deploying an Express.js API and Lambda Functions to interact with the React front-end. I have written two other tutorials where we will deploy the same app to Vercel and Heroku. (Links below) Deployment to Vercel Deployment to Heroku
In this tutorial, we will learn how to deploy a React app with a back-end API to Vercel. We will cover deploying Lambda Functions API to interact with the React front-end. I have written two other tutorials where we will deploy the same app to Netlify and Heroku. (Links below) Deployment to Netlify Deployment to Heroku