Web Design and Engineering

Next.js, React, modern CSS, performance, immersive web, frontend architecture.

Página 3 de 3

Three layers pulled apart in a stack; on the front one the same card appears wide in one container and stacked in a narrow lit one

Web

CSS moderno 2026: cascade layers, container queries, :has()

Cascade layers cierran las guerras de especificidad, container queries sustituyen media queries por componente y :has() corre en todo navegador. Qué adoptar.

A balance on an open-A fulcrum, tipped: the lower pan holds a dense block of lit tiles, the raised pan a quiet page with two small lit islands

Web

Por qué seguimos eligiendo Next.js sobre Astro para SaaS en 2026

Este año hemos enviado tanto Next.js como Astro. Para SaaS, Next.js sigue siendo nuestra opción. Este es el trade-off honesto en 2026.

On a white ground, a grid of tiles swept by a black vertical line: black tiles with a white dot behind it, two dashed empty ones, one ringed, and grey tiles ahead

Web

Directivas de React Compiler 1.0: use memo y use no memo

React Compiler 1.0 memoiza casi todos los componentes en build. Dónde aplican las dos directivas y dónde useMemo y useCallback siguen valiendo la pena.

Five diamond shapes in a row joined by a line to a large dark tile, each with a branch down to a small tile; a white path runs through three diamonds and drops at the fourth to a lit tile

Web

Server Components vs Client Components: el árbol de decisión que seguimos

El árbol de decisión de cinco pasos que aplicamos en cada proyecto Next.js 16 para decidir cuándo un componente queda en el servidor y cuándo necesita "use client".

A full wall of dark tiles split by three glowing white fault lines that step down through the gaps, the pieces between them slightly shifted

Web

Next.js 16 y React 19: los 3 breaking changes para SaaS en 2026

Turbopack es el bundler por defecto, las API de petición (params, cookies) ya son asíncronas y React Compiler 1.0 es estable. Qué se rompe al dejar Next 15.

Volver a Apuntes