Crear una redirección con Nginx Proxy Manager

Crear una redirección con Nginx Proxy Manager

Tiempo de lectura: 2 minutos Hoy vamos a aprender a crear una redirección usando Nginx Proxy Manager. Lo primero que haremos es abrir la interfaz de Nginx Proxy Manager y seleccionar Hosts > Redirection Hosts Rellenamos los datos: Pondremos el nombre del dominio origen que queremos que nos redireccione, al dominio que queremos redireccionar. Indicamos HTTP code -> 301 Moved … Leer más

Solucionar error Could not find Ninja on PATH or in SDK CMake bin folders. en React Native con Expo

Solucionar error Could not find Ninja on PATH or in SDK CMake bin folders. en React Native con Expo

Tiempo de lectura: < 1 minuto Hoy vamos a solucionar el siguiente error: A problem occurred evaluating project ‘:expo’. A problem occurred configuring project ‘:expo-modules-core’.[CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders. Este error ocurre cuando queremos generar el build de desarrollo con Expo: Para solucionar este error, tenemos que ir al SDK manager de Android … Leer más

Google Analytics en React con Next + Truco Extra

Google Analytics en React con Next + Truco Extra

Tiempo de lectura: < 1 minuto Hoy vamos a añadir la etiqueta de Google Analytics usando Reacy y Next. Para añadir la etiqueta, tenemos que tener creada una cuenta de Google Analytics. Iremos a nuestra etiqueta <Head> y añadiremos: Donde IDGoogleAnalytics será nuestro ID: G-XXXXXX Extra: Mejorar el rendimiento de % de rebote. Con este script podremos mejorar el % de … Leer más

SEO en Web: número de caracteres para Meta

SEO en Web: número de caracteres para Meta

Tiempo de lectura: < 1 minuto Os proporciono una guía sobre el límite de caracteres óptimos para cada etiqueta META. Title: máximo 60 caracteres. Description: máximo 160 caracteres. Keywords: máximo 12 keywords. (Separados por comas).

Añadir modo oscuro (Dark Mode) en React usando Mui

Añadir modo oscuro (Dark Mode) en React usando Mui

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir modo oscuro usando React y la librería de diseño MUI. Lo primero que haremos es crear dos temas oscuro y claro: Theme.tsx Una vez creados vamos a generar la lógica que establecerá el modo oscuro según las prefrencias del usuario. Dentro de nuestro _app.tsx o archivo principal: Con … Leer más

Deja de instalar servicios en tu VPS, usa Docker

Deja de instalar servicios en tu VPS, usa Docker

Tiempo de lectura: 2 minutos En el vertiginoso mundo del desarrollo de software, la eficiencia es la clave. Cada línea de código cuenta, cada recurso computacional es valioso y cada segundo perdido puede significar una ventaja competitiva sacrificada. En este contexto, Docker emerge como una herramienta revolucionaria que no solo simplifica el proceso de desarrollo y despliegue de aplicaciones, sino … Leer más

Añadir Google AdSense en React

Añadir Google AdSense en React

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir Google Adsense en React. Lo primero que tenemos que hacer es crear una cuenta en Google Adsense y obtener nuestro código de página. Ahora tenemos que añadir el código dentro de nuestro head de esta forma: Donde en ca-pub-XXXXXXXXXXXXX debemos indicar nuestro id de Google Adsense. Y ahora … Leer más

Validar token ReCaptcha usando PHP

Validar token ReCaptcha usando PHP

Tiempo de lectura: < 1 minuto Hoy os voy a compartir un código para poder validar un Token ReCaptcha con PHP. Lo primero que haremos es copiar esta función en el archivo dónde queramos validar: En este ejemplo pasamos por body JSON el código reCaptcha obtenido y lo validamos. Sustituye SECRET_CODE por el código secreto obtenido al crear el captcha. Para … Leer más

Añadir un SVG en React Native con Expo

Añadir un SVG en React Native con Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una imagen SVG en React Native usando Expo. Lo primero que haremos es instalar las dependencias necesarias: Primero react-native-svg Y ahora instalamos react-native-svg-transformer Una vez instaladas tenemos que configurar react-native-svg-transformer. Para ello abrimos el archivo metro.config.js y añadimos: Y si usamos TypeScript tendremos que añadir este código dentro … Leer más