How to Deploy React with Next.js on an NGINX Server

How to Deploy React with Next.js on an NGINX Server

Tiempo de lectura: 2 minutos To deploy the web application we have created with React and Next.js, we will follow these steps: Prepare the application for production: Run npm run build in your Next.js project to build the application. This will generate a build folder containing the optimized production files. npm run build Configure Nginx: You need to configure Nginx … Read more

Create a project with React and Next.js

Create a project with React and Next.js

Tiempo de lectura: 2 minutos Today we are going to learn how to create a React project with Next.js and run it. The first thing we are going to do is to create a new project with this command: npx create-next-app my_app Now it will ask about the configuration. I have chosen and recommend this one: Use TypeScript since it … Read more

Joins in SQL with NULL verification

Joins in SQL with NULL verification

Tiempo de lectura: 2 minutos In SQL, joins are used to combine rows from two or more tables based on a related condition between them. I will show you how to use the most important joins: INNER JOIN, LEFT JOIN, RIGHT JOIN, and FULL JOIN, with NULL checks to handle unmatched rows. 1. INNER JOIN INNER JOIN returns only the … Read more

Example of Join Types in SQL

Example of Join Types in SQL

Tiempo de lectura: 2 minutos In SQL, joins are used to combine rows from two or more tables based on a related condition between them. There are several types of joins, but the most important ones are: INNER JOIN, LEFT JOIN, RIGHT JOIN, and FULL JOIN. Next, I’ll show you how to use each one with examples. 1. INNER JOIN … Read more

Create Admob App Loading Ad on Android

Create Admob App Loading Ad on Android

Tiempo de lectura: 2 minutos Today we are going to learn how to create an app loading ad with Admob on Android. First, we will implement in our build.gradle: implementation ‘com.google.android.gms:play-services-ads:23.0.0’ Then we need to initialize the ads in our MainActivity: MobileAds.initialize( this, new OnInitializationCompleteListener() { @Override public void onInitializationComplete(InitializationStatus initializationStatus) {} }); And add in the manifest (below </application>) … Read more

Create Admob Interstitial Ad on Android

Tiempo de lectura: 2 minutos Today we’re going to learn how to implement an Interstitial ad on Android using Java. First, we’ll implement in our build.gradle: implementation ‘com.google.android.gms:play-services-ads:23.0.0’ Then, we need to initialize the ads in our MainActivity: MobileAds.initialize( this, new OnInitializationCompleteListener() { @Override public void onInitializationComplete(InitializationStatus initializationStatus) {} }); And add in the manifest (below </application>): <meta-data android:name=”com.google.android.gms.ads.AD_MANAGER_APP” android:value=”true” … Read more

Create rewarded Admob ad on Android

Create rewarded Admob ad on Android

Tiempo de lectura: 2 minutos Today we’re going to learn how to add a rewarded Admob ad on Android using Java. First, we’ll implement in our build.gradle: implementation ‘com.google.android.gms:play-services-ads:23.0.0’ Then we need to initialize the ads in our MainActivity: MobileAds.initialize( this, new OnInitializationCompleteListener() { @Override public void onInitializationComplete(InitializationStatus initializationStatus) {} }); And we add in the manifest (below </application>) <meta-data … Read more

Fix error: Unknown compiler option ‘allowImportingTsExtensions’. Using Sonarqube with React and TypeScript

Fix error: Unknown compiler option ‘allowImportingTsExtensions’. Using Sonarqube with React and TypeScript

Tiempo de lectura: < 1 minuto Today we are going to solve the error Unknown compiler option ‘allowImportingTsExtensions’ that appears when trying to analyze a TypeScript project with SonarQube and React. The error is found in tsconfig.json of the React project, it is fixed by removing the following line: allowImportingTsExtensions”: true,

Fix error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; in SonarQube with React TypeScript

Fix error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; in SonarQube with React TypeScript

Tiempo de lectura: < 1 minuto Today we are going to learn how to solve the error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; when trying to analyze a React project with TypeScript using Sonarqube. This error is located in the tsconfig.json file, as it includes: “moduleResolution”: “bundle”, To fix it, we will set: “moduleResolution”: “node”,