Web Design and Engineering · Apuntes

Six staggered bars in a waterfall on a dark grid, five short and dark, one long and white running past a dashed vertical line to a page outline on the right

Web

¿Por qué mi web va lenta? Las 6 causas y cómo arreglarlas

Solo el 48% de las webs en móvil aprueba las Core Web Vitals. Las seis causas de una web lenta, cómo dar con la tuya en PageSpeed Insights y qué la arregla.

A grid of twelve dark tiles with six lit white, each lit tile circled by a progress ring of a different length; three threads run from the right column of tiles to one lit pill on the right, and the middle tile of that column glows brighter with a full ring

Web

La caché de Next.js 16: use cache, cacheLife y updateTag

En Next.js 16 nada se cachea hasta que escribes 'use cache'. Cómo encajan los siete perfiles de cacheLife, cacheTag y updateTag, y qué cambia para fetch.

One white tile branching into hundreds of dark ones, four paths lit to the far edge

Web

Dependencias npm sin control: los 4 costes en frontends enterprise

Sonatype registró 454.600 paquetes maliciosos en 2025 y el 99,8% del malware del cuarto trimestre venía de npm. Lo que cuesta y cómo lo frenamos.

A tree of tiles split by a dashed white line, dark tiles above and lit tiles below, six crossings of the line marked with rings

Web

React Server Components en producción: 6 fallos a evitar en 2026

El 45% de los desarrolladores React ya usa Server Components, pero en el State of React 2025 son la tercera función menos querida. Seis fallos lo explican.

Left, eight short white bars racing to a finish line with fading trails; right, one lit tile with steady streams of dots flowing through it

Web

Bun vs Node en 2026: cuándo gana cada runtime en producción

Bun 1.3 trae un runtime full-stack; Node 24, TypeScript nativo y test runner. Usamos Bun para instalar y testear, Node para el código que aguanta tráfico.

A terminal window with one lit error line, wired from its edge to five dark tiles on the right: an error log, a route list, a component tree, a browser and a plug

Web

Agent DevTools de Next.js: depurar con IA en 2026

Next.js 16.3 da a los agentes acceso desde el terminal a errores de build, rutas y árbol de React. El montaje de MCP y agent-browser, en cinco pasos.

Five rows from button to server: three lit rows passing three lit check tiles each, two dim rows below with empty dashed slots going straight in

Web

Server Actions de Next.js en producción: qué usamos y qué evitamos

Cada Server Action que exportas es un endpoint POST público sin autenticación. Estos son los patrones de Next.js 16 que llevamos a producción y los que rechazamos.

On a white ground, a row of ten grey blocks above, and below it a single black block doing the same work with nine empty outlines after it

Web

El compilador en Go de TypeScript 7: qué cambia el 10x de velocidad

TypeScript 7 reescribe tsc en Go y comprueba los tipos del repo de VS Code (1,5 millones de líneas) en 7,5s en lugar de 78. Qué cambia para el equipo.

A solid grey page shell with three holes; one is filled white, and chunks of white stream from the right into the other two

Web

Partial Prerendering estable en Next.js 16: cómo estructurar rutas

Next.js 16 hace estable Partial Prerendering con cacheComponents: un shell estático desde el edge de la CDN y las partes dinámicas en streaming.

A white tile with a few neat lit dependencies, a bright vertical cut line, and beyond it a fading cloud of hundreds of grey specks

Web

Proliferación de dependencias npm: coste real y cómo reducirla

Un proyecto Next.js recién creado instala más de 1.000 paquetes antes del código. Esto cuesta la proliferación de dependencias npm y así la reducimos.

Three address bars differing only in a lit first segment, joined by curves into one lit node, which feeds a stack of three identical page panels

Web

i18n en Next.js sin librería: el patrón del App Router

El App Router de Next.js no trae i18n integrado. Servimos tres idiomas con routing nativo y cero dependencias. Este es el patrón que usamos en producción.

Three stacked isometric plates, the top one lit with data dots, the middle one carrying branching routes, the bottom one striped, with two small plates beside them

Web

TanStack en 2026: Query, Router, Start y qué resuelve cada uno

TanStack Query supera los 12 millones de descargas semanales. La familia cubre routing, tablas, formularios y un framework full-stack. Qué resuelve cada uno.