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 […]
Build a secure React app that provides takes advantage of Firebase simplicity to consume OAuth Authentication with GitHub, Twitter and Facebook. For an app to be secure, we usually need to implement some kind of authentication, whether it is the basic username/password combo or a two-factor authentication. In this post we’ll learn how to leverage […]