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.
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
In this tutorial, we will learn how to deploy a React app with a back-end API to Heroku. We will cover deploying an Express.js API to interact with the React front-end. I have written two other tutorials where we will deploy the same app to Vercel and Netlify. (Links below) Deployment to Vercel Deployment to Netlify
A short yet detailed guide to styling components with create-react-app with Sass and CSS Modules, which now is part of CRA. Up until the release of create-react-app v2, if you wanted to include Sass or CSS Modules in your project, you would have to eject from create-react-app, learn Webpack configurations, install Sass loaders and configure it […]
In this tutorial we will be building a website without a front-end framework but making use of Webpack to support writing modern JavaScript (ES6+), including ES Modules and Sass. We all love React, Vue, Angular, [front-end framework]. But, it might be overkill to use them if you just need to build a simple website.
Sass is a very popular CSS pre-processors and the intent of the tutorial is to show you how to compile Sass files within Visual Studio using Webpack, this will include minification and autoprefixing for production. Sure, there are some plug-ins on the Visual Studio Marketplace, and is nice to just install a plug-in and forget […]