Tiempo de lectura: < 1 minuto Today we will learn how to create a build (with the folder) using React Next.js. The first thing we need to do is go to the next.config.mjs file which by default has: /** @type {import(‘next’).NextConfig} */ const nextConfig = {}; export default nextConfig; We will change it to: /** @type {import(‘next’).NextConfig} */ const nextConfig = … Read more
Tiempo de lectura: 2 minutos To deploy the web application we have created with React and Next.js, we will follow these steps: run npm build Make sure to replace your-domain.com with your actual domain and /path/to/your/application/build with the actual path to your Next.js application’s build folder. sudo systemctl restart nginx It is important to note that Nginx will only serve … Read more
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: npm 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
Tiempo de lectura: < 1 minuto 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. INNER JOIN returns only the rows that have … Read more
Tiempo de lectura: < 1 minuto 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. The INNER JOIN … Read more
Tiempo de lectura: 2 minutos Good morning, today we are going to learn how we can create a new code analysis rules profile in SonarQube. The first thing we need to do is to open the SonarQube interface and look for Profiles: Inside profiles, we need to click on Create: Inside create, we can select if we want to extend … Read more
Tiempo de lectura: 3 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
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: Then, we need to initialize the ads in our MainActivity: And add in the manifest (below </application> ): And also inside : Replace YOUR_ADMOB_APP_ID with your Admob APP ID. Now let’s create our interstitial … Read more
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
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,
