# Veille technologique

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

## [Staticmapservice : héberger son générateur de cartes statiques](<https://sebastien.rigaux.be/veille/liens/staticmapservice-heberger-son-generateur-de-cartes-statiques>)

Ce service Python enveloppe une bibliothèque de cartes dans une API Flask. Il assemble des tuiles XYZ ou TMS avec marqueurs, lignes et polygones pour produire des images de cartes.

2024-10-08 · [Markdown](<https://sebastien.rigaux.be/veille/liens/staticmapservice-heberger-son-generateur-de-cartes-statiques.md>) · [Ressource originale](<https://github.com/kambrium/staticmapservice>)

## [Synchroniser une application Expo local-first avec TinyBase](<https://sebastien.rigaux.be/veille/liens/synchroniser-une-application-expo-local-first-avec-tinybase>)

Ce guide introduit TinyBase dans une application Expo pour combiner données locales réactives et synchronisation. Il aborde le partage des données entre appareils et utilisateurs.

2024-10-06 · [Markdown](<https://sebastien.rigaux.be/veille/liens/synchroniser-une-application-expo-local-first-avec-tinybase.md>) · [Ressource originale](<https://expo.dev/blog/how-to-synchronize-reactive-local-first-apps-with-tinybase>)

## [ThumbHash : encoder un aperçu d’image compact avec transparence](<https://sebastien.rigaux.be/veille/liens/thumbhash-encoder-un-apercu-d-image-compact-avec-transparence>)

ThumbHash représente un aperçu d’image dans quelques données faciles à stocker avec le contenu. Il encode notamment le ratio et la transparence pour améliorer l’affichage avant le chargement de l’image complète.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/veille/liens/thumbhash-encoder-un-apercu-d-image-compact-avec-transparence.md>) · [Ressource originale](<https://github.com/evanw/thumbhash>)

## [BlurHash : afficher un aperçu pendant le chargement des images](<https://sebastien.rigaux.be/veille/liens/blurhash-afficher-un-apercu-pendant-le-chargement-des-images>)

BlurHash transforme une image en une courte chaîne représentant un aperçu flouté. Le client peut l’afficher immédiatement pour éviter les cases vides pendant le téléchargement.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/veille/liens/blurhash-afficher-un-apercu-pendant-le-chargement-des-images.md>) · [Ressource originale](<https://github.com/woltapp/blurhash>)

## [Utiliser display: contents pour composer des layouts CSS](<https://sebastien.rigaux.be/veille/liens/utiliser-display-contents-pour-composer-des-layouts-css>)

Ahmad Shadeed explore les situations où les enfants d’un conteneur doivent participer au layout de son parent. Les exemples expliquent l’intérêt de display: contents pour des compositions plus souples.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/utiliser-display-contents-pour-composer-des-layouts-css.md>) · [Ressource originale](<https://ishadeed.com/article/display-contents/>)

## [Faire cohabiter un header sticky et une section plein écran](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran>)

L’article analyse les pièges de position: sticky lorsqu’un header doit cohabiter avec des éléments hauts comme le viewport. Il aide à comprendre les contraintes de conteneur qui rendent ces layouts fragiles.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran.md>) · [Ressource originale](<https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/>)

## [Déployer Next.js en production avec un serveur standalone](<https://sebastien.rigaux.be/veille/liens/deployer-next-js-en-production-avec-un-serveur-standalone>)

Le guide utilise la sortie standalone de Next.js pour construire une image Docker et déployer l’application sur son propre serveur. Il détaille une option d’hébergement indépendante du runtime Vercel.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/deployer-next-js-en-production-avec-un-serveur-standalone.md>) · [Ressource originale](<https://saybackend.com/blog/2024-sep-nextjs-deploy-any-server/>)

## [Avokado : commander à table grâce aux App Clips](<https://sebastien.rigaux.be/veille/liens/avokado-commander-a-table-grace-aux-app-clips>)

Avokado présente un parcours de commande au restaurant déclenché par QR code ou App Clip. L’application illustre une expérience mobile qui réduit les étapes d’installation avant une commande.

2024-09-12 · [Markdown](<https://sebastien.rigaux.be/veille/liens/avokado-commander-a-table-grace-aux-app-clips.md>) · [Ressource originale](<https://apps.apple.com/be/app/avokado/id1661418270>)

## [LogTape : des logs configurables dans plusieurs runtimes JavaScript](<https://sebastien.rigaux.be/veille/liens/logtape-des-logs-configurables-dans-plusieurs-runtimes-javascript>)

LogTape permet aux bibliothèques de produire des logs sans imposer leur configuration aux applications. Sans dépendances, il prend en charge Node.js, Deno, Bun, les navigateurs et les fonctions edge.

2024-08-24 · [Markdown](<https://sebastien.rigaux.be/veille/liens/logtape-des-logs-configurables-dans-plusieurs-runtimes-javascript.md>) · [Ressource originale](<https://github.com/dahlia/logtape>)

## [Maska : formater les saisies sans dépendances](<https://sebastien.rigaux.be/veille/liens/maska-formater-les-saisies-sans-dependances>)

Maska applique des masques aux champs de saisie ou à de simples chaînes. La bibliothèque fonctionne en JavaScript et propose des intégrations Vue, Svelte et Alpine.js.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/veille/liens/maska-formater-les-saisies-sans-dependances.md>) · [Ressource originale](<https://beholdr.github.io/maska/v3/#/>)

## [Penpot : rapprocher design, composants et code](<https://sebastien.rigaux.be/veille/liens/penpot-rapprocher-design-composants-et-code>)

Penpot propose une plateforme de design open source avec prototypes, composants partagés et design tokens. Ses layouts basés sur Grid et Flex facilitent les échanges entre designers et développeurs.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/veille/liens/penpot-rapprocher-design-composants-et-code.md>) · [Ressource originale](<https://penpot.app/>)

## [Préparer un environnement de développement Docmost](<https://sebastien.rigaux.be/veille/liens/preparer-un-environnement-de-developpement-docmost>)

Ce guide décrit le monorepo Docmost, avec un frontend React et un backend NestJS. Il détaille les dépendances et les étapes de configuration pour contribuer ou adapter l’application localement.

2024-06-30 · [Markdown](<https://sebastien.rigaux.be/veille/liens/preparer-un-environnement-de-developpement-docmost.md>) · [Ressource originale](<https://docmost.com/docs/self-hosting/development>)

## [Déporter les calculs avec Web Workers, Comlink et TanStack Query](<https://sebastien.rigaux.be/veille/liens/deporter-les-calculs-avec-web-workers-comlink-et-tanstack-query>)

L’article combine Comlink et TanStack Query pour piloter des calculs dans un Web Worker. L’exemple montre comment préserver la réactivité de l’interface pendant un traitement coûteux.

2024-06-29 · [Markdown](<https://sebastien.rigaux.be/veille/liens/deporter-les-calculs-avec-web-workers-comlink-et-tanstack-query.md>) · [Ressource originale](<https://johnnyreilly.com/web-workers-comlink-vite-tanstack-query>)

## [NLUX : intégrer une interface de chat IA en React ou JavaScript](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript>)

NLUX fournit des composants conversationnels pour connecter une application web à des LLM. Le projet propose des intégrations React, Next.js et JavaScript ainsi qu’un outil de démarrage en CLI.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript.md>) · [Ressource originale](<https://github.com/nlkitai/nlux>)

## [SEO Spider : comparer les fonctions de crawl gratuites et sous licence](<https://sebastien.rigaux.be/veille/liens/seo-spider-comparer-les-fonctions-de-crawl-gratuites-et-sous-licence>)

Cette page compare les éditions de Screaming Frog SEO Spider : liens cassés, métadonnées, hreflang et sitemaps. Elle aide à déterminer les fonctions nécessaires à un audit et les limites de crawl associées.

2024-06-02 · [Markdown](<https://sebastien.rigaux.be/veille/liens/seo-spider-comparer-les-fonctions-de-crawl-gratuites-et-sous-licence.md>) · [Ressource originale](<https://www.screamingfrog.co.uk/seo-spider/pricing/>)

## [Namviek : gérer les projets d’une petite équipe en auto-hébergement](<https://sebastien.rigaux.be/veille/liens/namviek-gerer-les-projets-d-une-petite-equipe-en-auto-hebergement>)

Namviek propose les fonctions essentielles de gestion de projet pour des équipes de développement. Le dépôt présente une option auto-hébergée et des démonstrations pour évaluer le produit.

2024-05-27 · [Markdown](<https://sebastien.rigaux.be/veille/liens/namviek-gerer-les-projets-d-une-petite-equipe-en-auto-hebergement.md>) · [Ressource originale](<https://github.com/hudy9x/namviek>)

## [T3 Env : valider et séparer les variables d’environnement](<https://sebastien.rigaux.be/veille/liens/t3-env-valider-et-separer-les-variables-d-environnement>)

T3 Env valide la configuration avec un schéma et sépare les variables serveur des variables client. Cette approche rend les oublis de configuration plus visibles et limite les expositions accidentelles côté navigateur.

2024-03-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/t3-env-valider-et-separer-les-variables-d-environnement.md>) · [Ressource originale](<https://env.t3.gg/docs/introduction>)

## [European Cloud Summit : suivre les sessions de l’écosystème Microsoft](<https://sebastien.rigaux.be/veille/liens/european-cloud-summit-suivre-les-sessions-de-l-ecosysteme-microsoft>)

Cette page réunit les informations de programmation du Cloud Summit. Elle permet de suivre les sessions proposées par les équipes Microsoft et les praticiens lorsque le programme est disponible.

2024-03-10 · [Markdown](<https://sebastien.rigaux.be/veille/liens/european-cloud-summit-suivre-les-sessions-de-l-ecosysteme-microsoft.md>) · [Ressource originale](<https://ecs.events/en/sessions>)

## [WeAreDevelopers : explorer conférences, ateliers et retours d’expérience](<https://sebastien.rigaux.be/veille/liens/wearedevelopers-explorer-conferences-ateliers-et-retours-d-experience>)

Le site du World Congress rassemble la programmation d’un événement destiné aux développeurs et responsables techniques. Les conférences couvrent notamment l’ingénierie logicielle et les usages de l’IA.

2024-03-01 · [Markdown](<https://sebastien.rigaux.be/veille/liens/wearedevelopers-explorer-conferences-ateliers-et-retours-d-experience.md>) · [Ressource originale](<https://www.wearedevelopers.com/world-congress>)

## [Prévisualiser les changements d’un déploiement Argo CD](<https://sebastien.rigaux.be/veille/liens/previsualiser-les-changements-d-un-deploiement-argo-cd>)

L’article aborde la lecture des différences de manifests avant un déploiement GitOps. Il aide à comprendre l’effet concret d’une modification Kubernetes au-delà de sa seule validité syntaxique.

2024-02-04 · [Markdown](<https://sebastien.rigaux.be/veille/liens/previsualiser-les-changements-d-un-deploiement-argo-cd.md>) · [Ressource originale](<https://octopus.com/blog/argo-cd-preview-diff>)

Page 19 / 22

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

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