# Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/page/6>)

## [Chrome : ajuster automatiquement la hauteur d’une iframe selon son contenu](<https://sebastien.rigaux.be/veille/liens/chrome-ajuster-automatiquement-la-hauteur-d-une-iframe-selon-son-contenu>)

Chrome 154 introduit la propriété CSS `frame-sizing: content-height` qui permet à une iframe de s’ajuster dynamiquement à la hauteur de son contenu, sans scripts ni échanges de messages. Cette fonctionnalité nécessite que la page embarquée ajoute une meta-tag spécifique et autorise explicitement le domaine parent, ce qui limite son usage immédiat aux cas où les deux parties coopèrent. L’article détaille les usages concrets (paiement, widgets, formulaires dynamiques), les contraintes de compatibilité et les bonnes pratiques pour éviter les fuites d’information ou les sauts de layout.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/chrome-ajuster-automatiquement-la-hauteur-d-une-iframe-selon-son-contenu.md>) · [Ressource originale](<https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html>)

## [Engram : mémoire persistante pour agents AI compatibles MCP](<https://sebastien.rigaux.be/veille/liens/engram-memoire-persistante-pour-agents-ai-compatibles-mcp>)

Engram propose une **mémoire persistante** pour agents AI, compatible avec tout agent supportant le protocole MCP (Claude Code, Gemini CLI, Codex, VS Code, etc.). L’outil fonctionne comme un binaire Go unique sans dépendance externe, stockant les souvenirs dans un fichier SQLite avec recherche FTS5 intégrée. Il offre une interface TUI, la synchronisation Git, et une extension cloud auto-hébergeable, tout en restant local-first et open source sous licence MIT.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/engram-memoire-persistante-pour-agents-ai-compatibles-mcp.md>) · [Ressource originale](<https://engram.gentlemanprogramming.com/>)

## [Navbar Gallery : une collection de designs de barres de navigation web](<https://sebastien.rigaux.be/veille/liens/navbar-gallery-une-collection-de-designs-de-barres-de-navigation-web>)

Navbar Gallery propose une sélection organisée de barres de navigation issues de sites web variés, couvrant des modèles statiques, dropdown, mega menus, sidebars, barres de recherche et annonces. Chaque exemple est consultable par type et renvoie vers le site source, facilitant la veille ou l’inspiration pour concevoir une navigation adaptée à différents contextes d’interface. Une ressource utile pour comparer rapidement des patterns concrets sans se perdre dans des galeries généralistes.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/navbar-gallery-une-collection-de-designs-de-barres-de-navigation-web.md>) · [Ressource originale](<https://www.navbar.gallery/>)

## [Galerie Footer Design : inspirations de pieds de page web](<https://sebastien.rigaux.be/veille/liens/galerie-footer-design-inspirations-de-pieds-de-page-web>)

Footer Design propose une **galerie organisée de pieds de page de sites web** issus de projets variés, avec un tri par style et type. Cette ressource permet de parcourir rapidement des exemples concrets pour s’inspirer lors de la conception ou de la refonte d’interfaces. On y trouve des approches typographiques, illustrées, en grille ou animées, utiles pour enrichir sa veille UI/UX.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/galerie-footer-design-inspirations-de-pieds-de-page-web.md>) · [Ressource originale](<https://www.footer.design/>)

## [Refero Styles : bibliothèque de design systems exploitables par l’IA](<https://sebastien.rigaux.be/veille/liens/refero-styles-bibliotheque-de-design-systems-exploitables-par-l-ia>)

Refero Styles propose une collection consultable de plus de 2 000 design systems issus de sites produits reconnus, chacun accompagné d’un fichier DESIGN.md lisible par des IA comme Cursor, Claude ou ChatGPT. L’outil permet d’examiner couleurs, typographies, espacements et composants, puis de réutiliser ces styles dans ses propres projets ou prompts IA. Une ressource concrète pour donner du contexte visuel à un assistant ou accélérer la conception d’interfaces inspirées de références du marché.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/refero-styles-bibliotheque-de-design-systems-exploitables-par-l-ia.md>) · [Ressource originale](<https://styles.refero.design/>)

## [Supahero : une bibliothèque de sections hero pour sites web](<https://sebastien.rigaux.be/veille/liens/supahero-une-bibliotheque-de-sections-hero-pour-sites-web>)

Supahero propose une **collection organisée de sections hero** issues de sites web variés, illustrant des approches de design attractives pour l’en-tête d’une page. Chaque exemple met en avant la diversité des styles, des animations et des compositions, facilitant l’inspiration ou la veille pour la conception d’interfaces. L’absence de filtres avancés limite la recherche, mais la navigation rapide permet d’explorer de nombreux cas concrets.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/supahero-une-bibliotheque-de-sections-hero-pour-sites-web.md>) · [Ressource originale](<https://supahero.io/>)

## [3dicons.co : bibliothèque d’icônes 3D libres et personnalisables](<https://sebastien.rigaux.be/veille/liens/3dicons-co-bibliotheque-d-icones-3d-libres-et-personnalisables>)

3dicons.co propose plus de 1400 icônes 3D en open source, utilisables sans attribution pour des projets personnels ou commerciaux. L’interface permet de personnaliser la couleur, l’angle et de télécharger chaque icône individuellement ou en lot, avec des collections thématiques et une intégration Figma. La licence CC0 facilite l’intégration dans tout type d’application ou de design system.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/3dicons-co-bibliotheque-d-icones-3d-libres-et-personnalisables.md>) · [Ressource originale](<https://3dicons.co/>)

## [TanStack Start 1.0 : framework full-stack stable et typé pour React et Solid](<https://sebastien.rigaux.be/veille/liens/tanstack-start-1-0-framework-full-stack-stable-et-type-pour-react-et-solid>)

TanStack Start 1.0 officialise un framework full-stack stable, déjà éprouvé en production, qui combine le routage SPA, le rendu serveur, le streaming et des fonctions serveur typées pour React et Solid. L’accent est mis sur la **sécurité de typage de bout en bout** : les paramètres de routes, les loaders et les fonctions serveur sont tous typés, ce qui facilite la maintenance et l’évolution, même pour les agents IA. Le support de React Server Components est optionnel, et le déploiement s’appuie sur Vite, Nitro ou Rsbuild, sans imposer une architecture unique.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/tanstack-start-1-0-framework-full-stack-stable-et-type-pour-react-et-solid.md>) · [Ressource originale](<https://tanstack.com/blog/tanstack-start-1-0>)

## [Shaders : 199 composants WebGPU prêts à l’emploi pour React, Vue, Svelte et JavaScript](<https://sebastien.rigaux.be/veille/liens/shaders-199-composants-webgpu-prets-a-l-emploi-pour-react-vue-svelte-et-javascript>)

Cette documentation présente plus de 190 composants graphiques prêts à l’emploi pour intégrer des effets WebGPU dans React, Vue, Svelte, Solid et JavaScript natif. Les composants couvrent une large palette : textures, formes, matériaux, filtres, distorsions, transitions, flous, ajustements et effets interactifs, chacun avec une description concrète de son rendu et de ses paramètres. Une ressource à explorer pour enrichir rapidement une interface avec des effets visuels avancés sans écrire de shader bas-niveau.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/shaders-199-composants-webgpu-prets-a-l-emploi-pour-react-vue-svelte-et-javascript.md>) · [Ressource originale](<https://shaders.com/docs/components>)

## [Void : déployer des apps Vite full-stack sur Cloudflare avec une plateforme open source](<https://sebastien.rigaux.be/veille/liens/void-deployer-des-apps-vite-full-stack-sur-cloudflare-avec-une-plateforme-open-source>)

Cloudflare présente Void, une plateforme open source qui réunit un SDK, une CLI et un environnement d’hébergement pour déployer des applications Vite full-stack sur Cloudflare. Le workflow unifié permet de gérer routes serveur, base de données, authentification et provisioning Cloudflare sans configuration manuelle, avec une CLI qui automatise le déploiement et la gestion des ressources. L’approche vise à accélérer la création d’applications internes ou prototypes, tout en gardant le contrôle sur les accès et la sécurité, et s’intègre avec les principaux frameworks JavaScript modernes.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/void-deployer-des-apps-vite-full-stack-sur-cloudflare-avec-une-plateforme-open-source.md>) · [Ressource originale](<https://blog.cloudflare.com/deploy-with-void/>)

## [TanStack Charts 1.0 : une bibliothèque de graphiques modulaire et évolutive](<https://sebastien.rigaux.be/veille/liens/tanstack-charts-1-0-une-bibliotheque-de-graphiques-modulaire-et-evolutive>)

TanStack Charts 1.0 propose une approche composable des graphiques, inspirée de la Grammar of Graphics, avec un cœur agnostique et un adaptateur React. L’article détaille comment chaque élément du graphique (ligne, point, barre) devient un composant réutilisable, permettant d’étendre ou de personnaliser facilement les visualisations au fil des besoins. La stabilité de l’API et la granularité des imports facilitent l’intégration dans des applications évolutives sans sacrifier la taille du bundle ni la sécurité de typage.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/tanstack-charts-1-0-une-bibliotheque-de-graphiques-modulaire-et-evolutive.md>) · [Ressource originale](<https://tanstack.com/blog/tanstack-charts-1-0>)

## [React : l’API browser() pour rendre un composant uniquement côté navigateur](<https://sebastien.rigaux.be/veille/liens/react-api-browser-pour-rendre-un-composant-uniquement-cote-navigateur>)

React Canary introduit l’API `browser()` pour rendre un composant exclusivement dans le navigateur, sans risque de mismatch à l’hydratation ni effet de montage supplémentaire. L’article montre comment placer `use(browser())` dans un composant client, entouré d’une Suspense, pour différer son rendu jusqu’à ce que les APIs du navigateur soient disponibles. Plusieurs exemples concrets illustrent l’intérêt de cette approche pour accéder à `localStorage`, au DOM ou à des données spécifiques à l’utilisateur, tout en évitant les contournements habituels avec `useEffect` ou des vérifications de l’environnement.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/react-api-browser-pour-rendre-un-composant-uniquement-cote-navigateur.md>) · [Ressource originale](<https://certificates.dev/blog/reacts-new-browser-api-rendering-components-only-in-the-browser>)

## [Next.js 16.4 : Cache Components activé par défaut et nouveautés](<https://sebastien.rigaux.be/veille/liens/next-js-16-4-cache-components-active-par-defaut-et-nouveautes>)

Next.js 16.4 recommande désormais l’utilisation des Cache Components, activés par défaut sur les nouveaux projets via `create-next-app`. Ce modèle permet de déclarer précisément le cache au niveau des composants, avec des API pour contrôler le comportement statique ou dynamique des pages et affiner le préchargement. La version apporte aussi des outils d’agent pour faciliter la migration, des optimisations sur Turbopack (taille du cache, HMR, bundles plus petits), la prise en charge de React 19.3 et plusieurs fonctionnalités expérimentales pour le build et le développement.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/next-js-16-4-cache-components-active-par-defaut-et-nouveautes.md>) · [Ressource originale](<https://nextjs.org/blog/next-16-4>)

## [Ajouter un flux RSS à un site Astro avec @astrojs/rss](<https://sebastien.rigaux.be/veille/liens/ajouter-un-flux-rss-a-un-site-astro-avec-astrojs-rss>)

Ce guide explique comment ajouter rapidement un flux RSS à un site Astro grâce au module officiel @astrojs/rss. Il détaille l'installation, la configuration et l'intégration du flux RSS pour les blogs et sites de contenu, en couvrant la génération automatique des items, l'inclusion du contenu complet, la gestion des liens, l'ajout d'une feuille de style et l'activation de la découverte automatique. Idéal pour permettre à vos lecteurs de s'abonner facilement à vos articles via leur lecteur RSS.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/ajouter-un-flux-rss-a-un-site-astro-avec-astrojs-rss.md>) · [Ressource originale](<https://docs.astro.build/fr/recipes/rss/>)

## [Nouveautés majeures de .NET 11 : runtime, bibliothèques et SDK](<https://sebastien.rigaux.be/veille/liens/nouveautes-majeures-de-net-11-runtime-bibliotheques-et-sdk>)

Cette page officielle Microsoft Learn présente un tour d’horizon complet des nouveautés de .NET 11, actuellement en version candidate. Elle détaille les évolutions du runtime (performances, Async natif, JIT, WebAssembly), des bibliothèques (API numériques, compression, System.Text.Json, sécurité, LINQ, etc.), du SDK (outils CLI, tests, conteneurs, OpenTelemetry) et du langage C# 15. Les développeurs y trouveront un résumé des principales avancées, des liens vers les nouveautés ASP.NET Core, EF Core, Windows Forms et WPF, ainsi que les dates clés de publication. Idéal pour anticiper la migration ou explorer les nouvelles possibilités de la plateforme .NET.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nouveautes-majeures-de-net-11-runtime-bibliotheques-et-sdk.md>) · [Ressource originale](<https://learn.microsoft.com/fr-fr/dotnet/core/whats-new/dotnet-11/overview>)

## [Vinext 1.0 : Next.js sur Vite, compatible App et Pages Router](<https://sebastien.rigaux.be/veille/liens/vinext-1-0-next-js-sur-vite-compatible-app-et-pages-router>)

Cloudflare lance Vinext 1.0, une réimplémentation de Next.js basée sur Vite, qui promet plus de 99 % de compatibilité avec la suite de tests officielle (hors Cache Components). Vinext prend en charge App Router et Pages Router, propose une migration en deux commandes et introduit un mécanisme de cache warming déporté sur le réseau Cloudflare pour optimiser la pré-génération des pages. Le projet s’appuie sur une automatisation poussée pour suivre l’évolution rapide de Next.js et maintenir la compatibilité, tout en assumant des choix différents sur l’ISR et la gestion du cache.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/vinext-1-0-next-js-sur-vite-compatible-app-et-pages-router.md>) · [Ressource originale](<https://blog.cloudflare.com/vinext-nextjs-on-vite/?ck_subscriber_id=2550494205>)

## [Next.js September 2026 security fixes in 16.3.8 and 15.5.27](<https://sebastien.rigaux.be/en/tech-watch/links/link-64ebab624a7f5858-en>)

Next.js releases 16.3.8 and 15.5.27 to address several vulnerabilities, including image optimization SSRF and cache poisoning issues. The advisory identifies affected configurations to help teams prioritize the update.

2026-10-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/link-64ebab624a7f5858-en.md>) · [Ressource originale](<https://nextjs.org/blog/september-2026-security-release>)

## [Medula : observer les interactions des agents dans une app](<https://sebastien.rigaux.be/veille/liens/medula-observer-les-interactions-des-agents-dans-une-app>)

Medula présente des outils de développement pour agents IA et documente leur connexion à des applications Vue, React, Svelte et Solid avec Vite 8. Le dépôt fournit aussi des exemples et des tests de bout en bout, afin d’observer comment un agent interagit avec une application pendant son exécution.

2026-10-09 · [Markdown](<https://sebastien.rigaux.be/veille/liens/medula-observer-les-interactions-des-agents-dans-une-app.md>) · [Ressource originale](<https://github.com/posva/medula>)

## [Prompt Motion : explorer des animations créées avec l’IA](<https://sebastien.rigaux.be/veille/liens/prompt-motion-explorer-des-animations-creees-avec-l-ia>)

Prompt Motion est une galerie de vidéos de mouvement accompagnées des prompts et des skills utilisés pour les produire avec Claude Opus 5.5. On peut parcourir des exemples par familles — interface produit, graphiques, typographie ou particules — puis adapter les prompts à un projet, ce qui en fait une source d’expérimentation pour le motion design assisté par IA.

2026-10-08 · [Markdown](<https://sebastien.rigaux.be/veille/liens/prompt-motion-explorer-des-animations-creees-avec-l-ia.md>) · [Ressource originale](<https://prompt-motion.com/>)

## [shadcn-admin-kit : blocs React open source pour back-offices](<https://sebastien.rigaux.be/veille/liens/shadcn-admin-kit-blocs-react-open-source-pour-back-offices>)

Sh​​adcn Admin Kit fournit des blocs open source pour créer des outils internes, tableaux de bord et applications B2B en React. Il préconfigure notamment tables de données, formulaires, authentification, recherche et internationalisation, avec des capacités avancées comme le CRUD généré, les permissions, les actions groupées et l’annulation.

2026-10-06 · [Markdown](<https://sebastien.rigaux.be/veille/liens/shadcn-admin-kit-blocs-react-open-source-pour-back-offices.md>) · [Ressource originale](<https://marmelab.com/shadcn-admin-kit>)

Page 6 / 22

[Précédent](<https://sebastien.rigaux.be/veille/page/5>)

[Suivant](<https://sebastien.rigaux.be/veille/page/7>)
