I upgraded my 2019 MacBook Pro Intel Core i7 to the newer 2024 MacBook Pro M4 Max. Before upgrading I was building Docker images in my Intel Mac and deploying a Next.js app and a .NET Core API without any issues to my Synology NAS. However, after getting the new Apple Silicon Mac, I started […]
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.
We need to configure CORS in .NET (or really in any other language) when an application’s front-end and back-end are being served from different domains, aka origins. And more than likely, during development, both the front-end and back-end will be running from different ports on localhost.
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