Web Design and Engineering

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

Pagina 1 di 3

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

Perché il mio sito è lento? Le 6 cause e cosa le risolve

Solo il 48% dei siti mobile supera i Core Web Vitals. Le sei cause di un sito lento, come trovare la tua su PageSpeed Insights e cosa risolve ognuna.

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 cache di Next.js 16: use cache, cacheLife e updateTag

In Next.js 16 niente va in cache finché non scrivi 'use cache'. Come lavorano i sette profili di cacheLife, cacheTag e updateTag, e cosa cambia per fetch.

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

Web

Dipendenze npm fuori controllo: i 4 costi sui frontend enterprise

Nel 2025 Sonatype ha contato 454.600 nuovi pacchetti malevoli e il 99,8% del malware del quarto trimestre veniva da npm. Quanto costa e come lo teniamo a freno.

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 in produzione: 6 errori da evitare nel 2026

Il 45% degli sviluppatori React usa i Server Components, ma nello State of React 2025 sono la terza funzionalità meno gradita. Sei errori spiegano il divario.

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 nel 2026: quando conviene l'uno e quando l'altro

Bun 1.3 porta un runtime full-stack, Node 24 il TypeScript nativo e un test runner. Usiamo Bun per install e test, Node per il codice che regge il traffico.

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 di Next.js: il debug con l'AI nel 2026

Next.js 16.3 dà agli agenti accesso da terminale a errori di build, rotte e albero React. Il setup di MCP e agent-browser, in cinque passi.

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 di Next.js in produzione: cosa usiamo e cosa evitiamo

Ogni Server Action che esporti è un endpoint POST pubblico senza autenticazione. Ecco i pattern Next.js 16 che mandiamo in produzione e quelli che rifiutiamo.

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

TypeScript 7 e il compilatore in Go: cosa cambia il 10x di velocità

TypeScript 7 riscrive tsc in Go e controlla i tipi del repo di VS Code (1,5 milioni di righe) in 7,5s invece di 78. Ecco cosa cambia per chi sviluppa.

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 stabile in Next.js 16: come strutturare le route

Next.js 16 rende stabile Partial Prerendering con cacheComponents: shell statica dalla CDN edge, parti dinamiche in streaming nella stessa risposta.

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

Proliferazione delle dipendenze npm: quanto costa e come ridurla

Un progetto Next.js appena creato installa oltre 1.000 pacchetti prima del codice. Ecco quanto costa la proliferazione delle dipendenze npm e come ridurla.

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 in Next.js senza librerie: il pattern dell’App Router

L’App Router di Next.js non ha i18n integrato. Facciamo girare tre lingue su routing nativo, zero dipendenze. Ecco il pattern che usiamo in produzione.

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 nel 2026: Query, Router, Start e cosa risolve ciascuno

TanStack Query supera 12 milioni di download a settimana. La famiglia copre routing, tabelle, form e un framework full-stack. Cosa risolve ciascuno e quando usarlo.

Torna agli Appunti