Este artículo describe la creación de un dashboard para la investigación de papers de arXiv. El dashboard permite seleccionar queries configurables y visualizar los resultados en cuatro paneles: papers recientes, tendencias por categoría, top autores y keywords frecuentes. Se utiliza React para el frontend, Recharts para la visualización de datos y Material UI para la interfaz. El lector aprenderá cómo construir un dashboard interactivo para analizar datos científicos, incluyendo la implementación de un botón para disparar manualmente la actualización de los datos.
Este artículo describe cómo conectar un pipeline de datos con una aplicación Django existente para crear un dashboard de análisis. El pipeline escribe datos de tendencias y productos en una base de datos PostgreSQL separada. Se utiliza Django con `managed=False` y un `DatabaseRouter` para acceder a estos datos sin interferir con la base de datos principal de la aplicación. El frontend, construido con React, permite explorar los datos a través de varios endpoints y filtros interactivos, ofreciendo una interfaz para el análisis de mercado.
Este artículo describe la implementación de un dashboard de analíticas de YouTube usando React y Recharts. Se centra en los desafíos del despliegue en producción, incluyendo un bug de colisión de nombres en el frontend resuelto renombrando una función. Además, aborda problemas de accesibilidad en componentes Select de Material UI y la importancia de añadir enlaces de navegación para asegurar la visibilidad de nuevas funcionalidades. El lector aprenderá sobre la resolución de errores comunes en el desarrollo frontend y la importancia de la accesibilidad.
Este artículo técnico aborda la optimización SEO para LLMs (Large Language Models) como ChatGPT y Gemini. Explica cómo mejorar la visibilidad de un sitio web ante estos sistemas utilizando dos estrategias clave: la implementación del archivo `llms.txt`, un estándar emergente para comunicar la estructura del sitio a los LLMs, y la creación de un feed Atom dinámico servido desde un backend Django. El lector aprenderá a generar estos elementos en un portafolio React, aprovechando el pre-renderizado HTML, Schema.org y sitemaps existentes.
Este artículo técnico aborda el problema del "cold start" en una aplicación SPA (Single Page Application) desplegada en Cloud Run, donde la primera carga tras un período de inactividad es excesivamente lenta. Se identifican tres causas principales: el escalado a cero de Cloud Run, el bloqueo del renderizado por una llamada a la API y la falta de un mecanismo de "warm-up". Se implementan soluciones como mantener una instancia activa en Cloud Run, desacoplar el contenido estático del estado de carga y usar `--cpu-boost`. Aprenderás a optimizar el rendimiento de tu SPA y mejorar la experiencia de
Este artículo técnico te guía en la implementación de analytics de comportamiento en tu portafolio web, desde lo básico hasta lo avanzado. Aprenderás a usar Google Analytics 4 (GA4) para métricas de página y eventos personalizados con `react-ga4` en React. Profundizarás con heatmaps y grabaciones de sesión usando Microsoft Clarity para entender la experiencia del usuario. Finalmente, se introduce PostHog para un análisis de producto completo, permitiéndote optimizar la interacción y el rendimiento de tu portafolio.
Este artículo explica la implementación de tests automáticos en un portafolio personal desarrollado con Django y React. Se detalla cómo se utilizan herramientas como `django.test`, `rest_framework.test`, Jest y `@testing-library/react` para asegurar la calidad del código tanto en el backend como en el frontend. Se describe la arquitectura de testing, integrada en el pipeline de GitHub Actions, garantizando que ningún código llegue a producción sin pasar las pruebas. El lector aprenderá sobre las estrategias de testing para modelos, APIs y componentes, así como el mockeo de servicios externos.
Este artículo técnico explica cómo conectar un formulario de contacto creado con React a Gmail utilizando Django. Se detalla la configuración de Django para enviar correos electrónicos a través de SMTP de Gmail, incluyendo la creación de una App Password para mayor seguridad. Aprenderás a configurar las variables de entorno necesarias, a implementar una vista en Django que envíe el correo electrónico al recibir un nuevo mensaje del formulario y a manejar errores en caso de que la configuración sea incorrecta. El flujo es sincrónico, ideal para sitios de bajo tráfico.
Este artículo aborda la transformación de un blog personal en un portafolio profesional enfocado en data science y machine learning. Se describe cómo reestructurar la página principal (Home.js) para destacar habilidades, proyectos y experiencia relevante para reclutadores. Se discuten decisiones de diseño como la creación de una página `/projects` dedicada y la selección de proyectos clave. El lector aprenderá a priorizar la información, implementar un "hero section" con métricas verificables y mostrar un stack tecnológico visible, utilizando React y componentes MUI.
Este artículo técnico aborda la optimización del rendimiento frontend en una aplicación React, resolviendo problemas de carga inicial lenta y uso ineficiente de la caché. Se implementa *code splitting* con `React.lazy()` para reducir el tamaño del bundle inicial y se configura una estrategia de caché en Nginx para servir archivos estáticos de manera eficiente. Aprenderás a mejorar significativamente los tiempos de carga y la experiencia del usuario, optimizando tanto el código JavaScript como la configuración del servidor web.
Este artículo relata la experiencia de desplegar un blog personal en Google Cloud, detallando los desafíos y soluciones encontradas. Inicialmente se intentó un pipeline CI/CD con GitHub Actions, pero se descartó por costos y complejidad. Se describe la configuración de Cloud Run, incluyendo la ejecución de scripts de seeding de datos y manejo de credenciales. El lector aprenderá sobre las complejidades del despliegue en la nube y la importancia de adaptar las soluciones a las necesidades del proyecto.
Este artículo describe el proceso de creación de un blog personal desde cero utilizando Django y React. El autor explica la motivación detrás de esta decisión, optando por una arquitectura desacoplada para tener control total sobre la experiencia del usuario y la escalabilidad. Se detalla la estructura del proyecto, la elección de tecnologías como Django REST Framework para el backend y React con Material UI para el frontend, y los trade-offs de esta arquitectura. El lector aprenderá sobre la configuración inicial del backend con Django, incluyendo la definición de modelos de datos y la creaci
