Calling an authenticated API from Next.js server side is a little different than calling it from the client side and concerning authentication cookies.
Calling and Authenticated API from Next.js Server Side
Configure CORS in .NET
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.
Deploy a Production React App to Netlify
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
Deploy a Production React App to Vercel
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
Deploy a Production React App 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
How to use Sass and CSS Modules with create-react-app
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 […]
Build a Website with Modern Tooling and No Frameworks
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.
Compile Sass Files in Visual Studio and Webpack
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 […]
React OAuth Authentication with Firebase – Tutorial
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 […]
HackerRank Solution in ES6 Javascript to Challenge: Sparse Arrays
My solution to HackerRank challenge Sparse Arrays found under Data Structures > Arrays > Sparse Arrays.