Esta publicación es sobre la integración de reCAPTCHA con Next.js, y veremos qué es un CAPTCHA, el cómo funciona y por qué podría necesitarlo. Luego, trabajaremos en una demostración para ilustrar cómo puede aprovechar las características de Next.js para integrarlo perfectamente con su sitio web...

Los formularios de contacto son útiles en los sitios web si desea que sus usuarios puedan interactuar con usted por correo electrónico. Y hay muchas maneras de construirlos.

Tradicionalmente, habría utilizado PHP para enviar correos electrónicos a través del servidor o algún servicio de terceros que se encargaría de la lógica del correo electrónico.

Pero en este artículo, vamos a hablar sobre cómo enviar correos electrónicos desde su aplicación Next.js con la API SendGrid.

Casi todas las aplicaciones web necesitan la funcionalidad para enviar emails transaccionales en respuesta a varios desencadenantes.

Eventos como el registro de cuentas, el restablecimiento de contraseñas, los recibos de compra y la verificación de usuarios se encuentran entre las muchas tareas que las aplicaciones actuales deben realizar a través del correo electrónico.

Estos correos electrónicos son cruciales para notificar a los usuarios sobre actualizaciones importantes y permitir flujos de trabajo de usuarios clave en su aplicación.
---

Aumentar la puntuación de PageSpeed ​​Insights y Core Web Vitals es fundamental para el SEO y para mejorar la experiencia del usuario. En este artículo, hablaré sobre una forma en que puede acelerar su primera pintura con contenido (FCP) y la pintura con contenido más grande (LCP) con un truco en NEXT.js.

Compatible con Next.js 10, Next.js 11 ya aplica esta optimización.

Advertencia de uso de useLayoutEffect cuando se renderiza del lado del servidor SSR, aunque useLayoutEffect no hace nada malo al usarlo renderToString, registrará una gran advertencia.

Una solución (truco)...
 

¿Cuál es la diferencia con el hook useEffect?

useLayoutEffect es similar en casi TODO a useEffect, solo tiene pequeñas diferencias, la diferencia entre ambos radica en el momento en que el efecto definido en el callback es ejecutado de forma asíncrona o síncrona...

⚠️ Advertencia ⚠️
Recuerda que useLayoutEffect se ejecuta de manera síncrona después de que se tenga el render del componente, pero ANTES de ser pintado en pantalla.
 

⚠️ Todo lo que hagas con este hook hará que el paint del componente tarde más de lo esperado, lo cual puede afectar el performance.

---

Recientemente tuve la oportunidad de reemplazar un código heredado escrito en Moment.js con una biblioteca de fechas más nueva, después de buscar alternativas, decidí optar por Day.js.
Esta guía le enseñará por qué y cómo usarlo.

Actualmente, durante mi pasantía en Sysco LABS, estoy trabajando en un proyecto que necesita marcos y bibliotecas de JavaScript.

Habiéndome asignado una tarea para manipular y mostrar fechas, mi mentor y líder de equipo Nadún Indunil sugirió que encontrara una alternativa para Moment.js, ya que generaba problemas de rendimiento y tamaño de paquete.
---

Una guía paso a paso con un proyecto de ejemplo.

REST es un acrónimo de REpresentational State Transfer. Rest sigue unas pautas para facilitar la comunicación entre sistemas.

En esta publicación, veremos cómo construir una API REST con NodeJS y PostgreSQL como base de datos. Primero, veremos cómo comenzamos con Express Framework, creamos una estructura y luego veremos cómo comenzar con PostgreSQL, crear una base de datos y finalmente configurar la aplicación NodeJS para leer datos de PostgreSQL...

Cómo utilizarlos en conjunto y no morir en el intento.

La esencia de la programación funcional reactiva es especificar el comportamiento dinámico de un valor al momento de su declaración.

¿Pero qué significa esto?

Cuando hacemos PFR intentamos definir cómo el valor de una variable va a ir cambiando a través del tiempo al momento de declarar dicha variable. Puede resultar un poco extraño imaginar cómo luciría código de esta naturaleza, porque JavaScript no nos provee primitivas para hacer definiciones de este tipo.
---