Blog

Notas y tutoriales sobre desarrollo web — React, Next.js, testing, automatización y algún error sufrido en primera persona — escritos desde mi día a día como arquitecto de software.

• Integración continua con Github Actions workflow

  2023-05-09

  Integración continua y despliegue continuo con usando las github workflow actions en un proyecto de nextjs y desplegando en vercel

• Filtro para posiciones, encuesta para comprobar compatibilidad

  2023-03-07

  Encuesta para que los recruiters puedan saber si soy compatible con una posición de trabajo concreta

• Tema oscuro con Nextjs

  2023-02-03

  Una forma de implementar un tema oscuro con Nextjs es usar las variables CSS y, un custom hook para cambiar el tema y así cambiar el valor de las variables.

• Automatización de informes de Lighthouse

  2023-01-24

  Automatización de informes de Lighthouse usando playwright y la api de lightouse en una web desplegada en un ejemplo real

• Cómo documentar mis componentes react con JSDoc

  2023-01-16

  Crea automáticamente documentación de tus componentes react con jsdoc y publícala en tu sitio estático

• Cómo traducir los slugs en mis páginas web

  2023-01-12

  Traducir las urls de mi sitio web, para tener un sitio 100% internacionalizado usando nextjs y páginas estáticas con archivos mdxjs.

• Contador de estrellas de un respotiorio de github

  2023-01-11

  Este es un contador simple para el repositorio de estrellas de github. Puedes usarlo en tu sitio web o blog. Usando Nextjs api y octokit.

• Haz un contador de visitas con google analytics

  2023-01-10

  Crea un contador de vistas para su blog con google analytics y nextjs api route. Uso de BetaAnalyticsDataClient desde la API de datos de Google Analytics

• Cómo arreglar Minified React error #425 (error de hidratación)

  2023-01-05

  Error no detectado: error de reacción minimizado, visite https://reactjs.org/docs/error-decoder.html?invariant=425 para ver el mensaje completo o use el entorno de desarrollo no minimizado para errores completos y advertencias útiles adicionales.

• Desplegar mi storybook de componentes es muy sencillo

  2023-01-04

  Despliegue de componentes React con Storybook: Una manera fácil de mostrar tu trabajo. Estás buscando una manera fácil de mostrar tus componentes React y compartirlos?

• Solución al error "Failed to replace env in config: ${NPM_TOKEN}" en npm y yarn

  2023-01-03

  Como evitar perder 2 horas de tu vida por un error de NPM, que no deja ejecutar commandos de yarn o npm.

• EADDRINUSE: address already in use — cómo liberar el puerto

  2023-01-02

  Significa que la combinación de dirección de red y puerto especificada en el mensaje de error ya está siendo utilizada por otro proceso que se está ejecutando en su ordenador. Esto puede ocurrir cuando se intenta iniciar un servidor en un puerto que ya está siendo utilizado por otro programa.

• Como publicar el reporte de cobertura de testing en tu aplicación de React

  2023-01-01

  En este post vamos a ver como publicar el reporte de cobertura de testing en tu aplicación de React.

Sobre mí · Contacto