Skip to content
Go To Agency

Agence PWA : concevoir une Progressive Web App qui tient en production

Nous développons des Progressive Web App en Next.js et React : installation depuis le navigateur, fonctionnement dégradé hors ligne, notifications quand la plateforme le permet. Périmètre arbitré par écrit avant la première ligne de code.

Tout par écrit, aucun appel ni déplacementRéponse sous 24 heures ouvréesNext.js, React, service worker, manifeste

Vous savez ce qu'est une PWA, pas comment juger un prestataire

Les propositions PWA se ressemblent toutes : installation, hors ligne, notifications. Ce qui les sépare tient dans des détails invisibles sur une plaquette : la stratégie de cache retenue, la façon dont le contenu se met à jour chez un utilisateur qui garde l'application installée pendant des semaines, le comportement au retour du réseau. Ces choix se prennent au début du projet et se paient longtemps après.

Au cas par cas
Support des notifications selon la plateforme et la version
Variable
Part du contenu qui a réellement besoin du mode hors ligne
À arbitrer
Site mobile rapide, PWA ou application native

Notre méthode de développement PWA, point par point

Arbitrage PWA, site mobile ou natif

Avant tout développement, nous tranchons par écrit si votre besoin justifie une PWA, un site mobile rapide ou une application native. Il nous arrive de conclure que la PWA n'apporte rien à votre cas.

Service worker écrit pour vos parcours

Pas de greffon générique posé sur le site. Le service worker est écrit à la main : ce qui est mis en cache, ce qui ne l'est jamais (panier, paiement, session authentifiée), ce qui se rejoue dès que le réseau revient.

Manifeste et parcours d'installation

Manifeste complet (icônes à toutes les tailles, nom court, écran de lancement, mode d'affichage) et invitation à installer déclenchée à un moment utile du parcours, pas à la première seconde de visite.

Stratégie de cache par type de contenu

Une fiche produit, un tarif, un article et un formulaire n'ont pas la même durée de validité. Chaque famille de contenu reçoit sa règle de mise en cache et sa règle d'invalidation, écrites et documentées.

Mise à jour sans version bloquée

Une PWA installée peut rester des semaines sur une ancienne version. Nous gérons le cycle d'activation du nouveau service worker et l'invitation au rechargement, pour éviter les données périmées.

Mesure sur appareils et réseaux réels

Temps de chargement, stabilité de l'affichage et réactivité aux interactions sont relevés sur du matériel courant et sur réseau contraint, mode avion compris, pas seulement sur un poste de développement en fibre.

LB Athletic : application web sur mesure, utilisée depuis le téléphone au quotidien

35
Avis clients
4.9/5
Note moyenne
24 h
Réponse aux demandes
immédiate
Analyse de votre site

Trois formats de projet PWA, tous chiffrés sur devis

Couche PWA sur site existant

Sur devis
  • Audit du site actuel et de ses performances mobiles
  • Service worker et manifeste ajoutés à l'existant
  • Mise en cache des pages consultées en mobilité
  • Installation depuis le navigateur, sans boutique
  • Rapport écrit des limites constatées et de ce qui exige une refonte
Décrire mon projet PWA
Recommandé

PWA complète

Sur devis
  • Conception des parcours et de leurs états hors ligne
  • Développement Next.js et React
  • Stratégie de cache et d'invalidation par type de contenu
  • Notifications push si la plateforme de vos utilisateurs les permet
  • Recette sur appareils réels et sur réseau contraint
  • Code livré sur votre dépôt avec sa documentation
Décrire mon projet PWA

PWA métier et outil interne

Sur devis
  • Saisie terrain utilisable en réseau instable
  • File d'attente locale et synchronisation au retour du réseau
  • Gestion des comptes, des rôles et des droits
  • Connexion à vos outils existants par API
  • Traitement des conflits de synchronisation et suivi des erreurs
  • Évolutions instruites par écrit, au fil des besoins
Décrire mon projet PWA

Choisir une agence PWA : ce qui sépare vraiment deux prestataires

Vous savez déjà ce qu'est une Progressive Web App. La question qui reste est celle du prestataire : à quoi reconnaît-on une agence qui a livré ce type de projet, qu'est-ce qui fait vraiment varier la charge de travail, et à partir de quand une PWA cesse d'être la bonne réponse. Cette section décrit notre façon de travailler, les points de contrôle que nous appliquons et les limites que nous annonçons avant de commencer.

Ce qui fait varier l'effort d'un projet PWA

Deux PWA qui se ressemblent à l'écran peuvent représenter des charges de travail sans rapport entre elles. Quatre éléments expliquent l'essentiel de l'écart. Le nombre de parcours qui doivent rester utilisables sans réseau, d'abord : rendre consultable un catalogue déjà visité est simple, permettre une saisie hors ligne puis une synchronisation propre au retour du réseau l'est beaucoup moins, parce qu'il faut alors traiter les conflits, les doublons et les envois partiels. La présence d'un back-end, ensuite : sans compte ni donnée à rafraîchir, la PWA se limite à du contenu ; dès qu'apparaissent des comptes, des rôles, des droits ou une connexion par API à un outil que vous utilisez déjà, le travail se déplace vers la logique métier et la sécurité. Le point de départ compte aussi : greffer une couche PWA sur un site existant demande moins de travail qu'une base neuve, mais on hérite de ses lenteurs et de ses gabarits. Le périmètre fonctionnel enfin : paiement, réservation, messagerie et notifications ajoutent chacun leur lot d'états à gérer, en ligne comme hors ligne. Nous instruisons ces quatre points par écrit avant de commencer, et nous préférons sortir une fonctionnalité du périmètre plutôt que la livrer à moitié.

Les limites que nous annonçons avant le devis, pas après

Une PWA ne fait pas tout, et le dire tôt évite les mauvaises surprises. L'accès au matériel constitue le premier écart : capteurs spécifiques, Bluetooth, lecture NFC, usage intensif de la caméra, traitement prolongé en arrière-plan, ces besoins sont mieux servis par une application native, et les contournements dans le navigateur donnent souvent un résultat fragile qui coûte cher à maintenir. Les notifications forment le deuxième point de vigilance : leur prise en charge a longtemps différé selon les systèmes et selon les versions, avec des conditions particulières sur iOS où l'installation sur l'écran d'accueil est un préalable. Cela se vérifie sur les appareils réellement utilisés par votre public, jamais sur une promesse générale. Troisième limite, la découverte : une PWA ne bénéficie d'aucune vitrine de boutique. Si votre plan d'acquisition reposait sur le fait d'être trouvé dans un magasin d'applications, la PWA ne le remplace pas, elle se découvre par votre site, votre référencement, vos campagnes et votre base clients. Dernière limite, plus humaine : beaucoup d'utilisateurs ignorent l'invitation à installer. Une PWA doit donc rester pleinement utilisable sans jamais être installée, et c'est une contrainte de conception, pas un détail.

Cinq points techniques sur lesquels juger un prestataire PWA

Cinq questions suffisent à distinguer une agence qui a livré des PWA d'une agence qui en parle. Le service worker : demandez comment il est écrit, ce qu'il intercepte et surtout ce qu'il n'intercepte jamais. Un panier, un paiement, une session authentifiée ne doivent pas être servis depuis un cache, sous peine d'afficher à un client des informations qui ne sont plus les siennes. Le manifeste : icônes à toutes les tailles, nom court, écran de lancement, mode d'affichage, orientation. Un manifeste bâclé donne une icône floue et un écran blanc au démarrage, deux détails qui suffisent à faire désinstaller. La stratégie de cache : elle se décide par famille de contenu et pas globalement, parce qu'un tarif, une fiche produit, un article et un formulaire n'ont pas la même durée de validité. La mise à jour : une PWA installée peut rester longtemps sur une ancienne version si le cycle d'activation du nouveau service worker n'est pas géré, et l'utilisateur voit alors des données périmées sans comprendre pourquoi. La mesure enfin : temps de chargement, stabilité visuelle et réactivité aux interactions doivent être relevés sur du matériel courant et sur un réseau contraint. Les mêmes tests sur un poste de développement en fibre ne prouvent rien.

Comment se déroule un projet PWA chez nous, du cadrage à la mise en ligne

Le projet commence par un cadrage écrit. Vous décrivez ce que vos utilisateurs doivent pouvoir faire, sur quels appareils et dans quelles conditions de réseau ; nous répondons sous 24 heures ouvrées avec notre lecture du besoin, le périmètre que nous proposons, ce que nous en écartons et les questions restées ouvertes. Vient ensuite l'arbitrage : PWA, site mobile rapide ou application native, tranché noir sur blanc et motivé. Le périmètre arrêté et le devis accepté, nous définissons les états de chaque parcours, y compris les états dégradés : ce que voit l'utilisateur quand le réseau tombe au milieu d'une action, ce qui est rejoué au retour, ce qui ne doit jamais sortir du cache. Le développement se fait en Next.js et React, avec des versions intermédiaires installables sur votre propre téléphone et garnies de vos contenus, pour que vos retours portent sur des écrans réels et pas sur des captures. La recette a lieu sur du matériel courant et sur réseau contraint, mode avion compris. À la mise en ligne, vous récupérez le code sur votre dépôt, la documentation du service worker et des règles de cache, et un point écrit sur ce qui reste à surveiller. Les évolutions suivantes sont instruites de la même façon, par écrit.

Un projet PWA mené depuis Dijon, entièrement par écrit

Go To Agency est installée au 9 rue Jean-Jacques Rousseau à Dijon et travaille sur des projets PWA partout en France. Robin Monteiro développe en Next.js et React, Florian Loppion suit le volet marketing et la diffusion. Le fonctionnement est intégralement écrit et asynchrone : vous décrivez votre besoin, nous répondons sous 24 heures ouvrées. Aucun rendez-vous, aucun appel, aucun déplacement, donc aucun frais de trajet dans le devis et aucune demi-journée bloquée dans votre agenda. Sur un sujet aussi technique, ce mode de travail présente un autre avantage : chaque arbitrage reste écrit et daté. Des mois plus tard, quand il faut savoir si le fonctionnement hors ligne du panier faisait partie du périmètre initial, la réponse est dans le fil de discussion et pas dans le souvenir de deux personnes. Les versions intermédiaires sont installables sur votre propre téléphone, avec vos contenus. Le code vous appartient et vous est livré sur votre dépôt. Nos réalisations publiées, Chouchou Ribeyre, Au Petit Détail, LB Athletic, Mediavocats et Vectosolve, ont été menées de cette façon, et la tarification se fait uniquement sur devis, une fois le périmètre arrêté.

Nous chiffrons uniquement sur devis, une fois le périmètre arrêté par écrit. L'effort dépend surtout de quatre facteurs : le nombre de parcours qui doivent rester utilisables hors ligne, la présence ou non d'un back-end à interroger, la gestion des comptes et des droits, et le fait de partir d'un site existant ou d'une base neuve. Deux PWA qui se ressemblent à l'écran peuvent demander des charges de travail sans rapport entre elles.

Dans beaucoup de cas oui : catalogue consulté en mobilité, outil interne, site de contenu, service de réservation. Pas dans tous. Dès que le besoin repose de façon centrale sur le matériel du téléphone (capteurs spécifiques, Bluetooth, NFC, usage intensif de la caméra, traitement prolongé en arrière-plan), le natif reste plus solide et les contournements dans le navigateur donnent un résultat fragile. Nous tranchons ce point par écrit avant tout développement.

La prise en charge des notifications a longtemps différé selon les systèmes et selon les versions, et sur iOS elle reste conditionnée à l'installation préalable de la PWA sur l'écran d'accueil. C'est donc un point que nous vérifions au cas par cas, sur les appareils et les versions réellement utilisés par votre public, avant d'inscrire la fonctionnalité au périmètre. Nous préférons retirer une notification du devis plutôt que promettre un message qui ne partira pas.

Oui, puisqu'il s'agit d'un site web : ses pages ont des adresses, elles sont indexables et partageables par lien, ce qui n'est pas le cas des écrans d'une application installée depuis une boutique. La vigilance porte sur le rendu et sur le cache. Si le contenu n'apparaît qu'après exécution du code côté navigateur, l'indexation devient plus fragile. Nous travaillons en Next.js pour que le contenu soit servi déjà rendu, et nous vérifions que le service worker ne renvoie jamais une vieille version aux robots.

Non, et c'est une bonne partie de l'intérêt : l'utilisateur installe depuis son navigateur, sans compte de boutique ni validation de plateforme, et vos correctifs lui arrivent sans soumission préalable. Il reste possible d'emballer une PWA pour la publier dans une boutique quand la présence en magasin d'applications compte dans votre modèle, mais vous récupérez alors les règles de revue et les délais qui vont avec.

En partie. On peut ajouter un manifeste, un service worker et une mise en cache des pages déjà consultées à un site existant : cela donne l'installation sur l'écran d'accueil et un fonctionnement dégradé hors ligne. En revanche, si le site est lent ou bâti sur des gabarits lourds, la couche PWA ne corrige pas le fond, elle met en cache un site lent. Nous auditons l'existant d'abord et nous écrivons ce qui est atteignable sans refonte, et ce qui ne l'est pas.

Souvent oui, à condition de regarder d'abord. Nous demandons l'accès au dépôt et nous lisons trois choses : le service worker et ce qu'il met en cache, le manifeste, et la façon dont une mise à jour est activée chez un utilisateur qui a déjà installé l'application. Nous vous renvoyons ensuite par écrit ce qui est repris tel quel, ce qui doit être réécrit et ce qui restera fragile tant que le socle n'aura pas bougé. Il nous arrive de conclure qu'une reprise demanderait plus de travail qu'une base neuve, et nous le disons avant d'engager quoi que ce soit.

Tout se passe par écrit, par email. Vous décrivez votre besoin, nous répondons sous 24 heures ouvrées avec notre lecture du projet, le périmètre que nous proposons et les points à clarifier. Les versions intermédiaires sont installables sur votre propre téléphone, avec vos contenus, et vos retours portent sur les écrans concernés. Aucun déplacement n'a lieu, donc aucun frais de trajet n'apparaît dans le devis, et chaque arbitrage reste écrit et retrouvable des mois plus tard.

4.9/5 sur 35 avis clientsDécouvrez les avis de nos clients

Décrivez votre projet de Progressive Web App

Dites-nous ce que vos utilisateurs doivent pouvoir faire, sur quels appareils et dans quelles conditions de réseau. Vous recevez sous 24 heures ouvrées notre lecture écrite du projet, le périmètre que nous recommandons, ce que nous en écartons et le devis correspondant.

Envoyer mon projet PWA
Devis gratuit
Agence PWA : développement Progressive Web App sur mesure | Go To Agency