Escribo sobre ingeniería web moderna, AWS Amplify y construir con IA.

Notas de problemas reales que he resuelto — Next.js y React, AWS Amplify Gen 2, autenticación y modelado de datos, rendimiento web y la práctica de construir software con IA — recopiladas en orden cronológico.

El error del sitemap que no era del sitemap

Search Console decía que no podía leer el sitemap. El problema real: cada canonical apuntaba al host de preview de Amplify. Auditoría, solución y reglas.

Errores 'Could not resolve' en Lambdas de Amplify Gen 2

Las Lambdas con package.json propio necesitan npm ci antes de que esbuild las empaquete: añade un paso preBuild por función en amplify.yml y excluye amplify/**.

No se puede resolver amplify_outputs.json

Corrige 'Can't resolve amplify_outputs.json': ejecuta npx ampx pipeline-deploy en la configuración de compilación y adjunta AdministratorAccess-Amplify.

El patrón inicializador de estado.

Un patrón simple, usado en downshift y ReachUI, para que quien usa un componente o hook fije su estado inicial y pueda volver a él después.

Entendiendo la prop key de React

Traducción del artículo de Kent C. Dodds: React reutiliza el elemento del DOM entre renders; una key ligada al estado fuerza uno nuevo con el valor por defecto.