Next.js 16.4 Brings Cache Components and an Agent-Driven Upgrade Tool

·3 views

Next.js 16.4 recommends Cache Components as the preferred caching model and enables them by default in new create-next-app projects. It also introduces next upgrade --agent, a mode that lets coding agents carry out the mechanical migration steps. Existing applications do not switch to the new model automatically, so upgrading the package and adopting Cache Components are separate tasks. Under the new model, developers explicitly mark what gets cached rather than deciding which routes are dynamic, which changes how pages behave. Reported build-time and bundle-size gains vary by app, so teams are advised to measure their own results.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

UX Icons JS : les icônes de Symfony UX disponibles en JavaScript, React et Vue

Les icônes Symfony UX, utilisables facilement en Twig, restent difficiles à réutiliser dans un contrôleur Stimulus ou un composant React, ce qui pousse souvent les développeurs à copier des SVG à la main. L'auteur avait proposé une intégration native à Symfony UX, mais la pull request a été fermée, les mainteneurs estimant que les bundlers savent déjà importer des SVG. Face à cela, il a publié UX Icons JS Bundle, un paquet open source qui s'appuie sur UX Icons sans le modifier. Il exporte les icônes locales dans un module JavaScript, avec React et Vue en dépendances optionnelles. Les icônes JavaScript produisent ainsi exactement le même HTML que la fonction ux_icon() de Twig.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Fixing Wide Tables on Mobile Without Layout Shift Using a Responsive Wrapper

A developer documented a fix for data tables that overflowed phone screens and caused the whole page to scroll sideways on mobile. The problem appeared after a new column roughly doubled a dashboard table's width, breaking the layout and pushing the fixed header off-screen. Forcing the table to fit with fixed layout and width made the columns unreadable, and a simple scrolling wrapper without proper display settings failed to contain the overflow. The solution was a new ResponsiveTable wrapper that uses a resize observer to detect when content exceeds the viewport and enables horizontal scrolling only on screens 768 px and narrower. The original Table component remains unchanged to protect desktop behavior and avoid regressions.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How to Get Unstuck in Your Tech Career: Six Practical Steps

Many tech professionals feel their careers have stalled, with little new learning or a unclear next move, even though the industry changes constantly. The article suggests that feeling stuck does not always mean the field is wrong, and that identifying the real cause, such as boredom versus burnout, is the first step. It recommends setting near-term goals rather than mapping out a full decade ahead, then identifying the specific skills needed to reach the next level. Before job hunting, professionals are encouraged to look for growth within their current company, such as mentoring, volunteering, or leading a small project, and to discuss these options with their manager.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Querier AI Turns Plain-English Questions into Type-Safe Java SQL Queries

Querier AI is a new optional module for the open-source Java SQL query builder Querier that converts natural-language questions into validated Querier Select objects. The workflow sends the question to an AI model using the schema the application exposes, then checks the generated SQL against that schema and parses it into a Querier object. Because the output is a Java object rather than a raw SQL string, the application can inspect it and run it through its existing database layer instead of giving the AI direct database access. The tutorial demonstrates integration with a Spring Boot app using Spring JDBC, with the module added via Maven and configured through environment variables. The approach works with OpenAI-compatible endpoints under a bring-your-own-key model, and a retry policy lets the module attempt corrections when generated SQL is invalid.

0 comments Read more at DEV Community