Sites Web9 min de lecture

Création PWA en 2026 : Progressive Web App, méthode et cas d'usage

Mohamed Bah·Fondateur, Kolonell
21 mai 2026
Partager :
Création PWA en 2026 : Progressive Web App, méthode et cas d'usage

Création PWA en 2026 : Progressive Web App, méthode et cas d'usage

Sites Web

Création PWA en 2026 : la vraie alternative aux apps natives

Une création PWA (Progressive Web App) bien faite en 2026 délivre 80 % de l'expérience d'une app native pour 30 % du budget, et sans dépendre des stores. Sur le marché africain où la bande passante est limitée, les téléphones modestes, et où Apple/Google prélèvent 15-30 % de commission, la PWA n'est plus un compromis — c'est souvent la meilleure option.

Budget réaliste : 1.5 M FCFA (~2 300 €, ~2 500 USD) pour une PWA simple à partir d'un site Next.js existant, 5-12 M FCFA (~7 500-18 000 €, ~8 000-20 000 USD) pour une PWA complète offline-first avec push notifications, synchronisation et expérience proche-native.

PWA vs app native : la comparaison honnête

CritèrePWAApp native (iOS/Android)
Cross-platformOui (1 codebase)Non (2 codebases) ou cross-platform (RN/Flutter)
InstallableOui (Add to Home Screen)Oui (via stores)
OfflineOui (service workers)Oui
Push notificationsOui (Android + iOS depuis 16.4)Oui
Accès storesNon (mais installable depuis le navigateur)Oui
Commission store (15-30 %)AucuneApple 15-30 %, Google 15-30 %
ASO (App Store Optimization)Non (SEO web à la place)Oui
Capacités hardware avancées (NFC, AR, Bluetooth LE)LimitéesComplètes
Mise à jour utilisateurInstantanée (recharger)Via store (1-7 jours)
Coût développement×0.3 vs natif×1.0 (référence)
Visibilité moteur de rechercheOui (URL crawlable)Non

Stack PWA 2026 (Next.js)

  • Next.js 14/15 App Router — base du site web, supporte nativement les PWA via next-pwa ou config service worker custom
  • Workbox 7 — bibliothèque Google pour gérer le cache offline et les stratégies (cache-first, network-first, stale-while-revalidate)
  • Web Push API + VAPID — push notifications cross-browser (Chrome, Firefox, Safari iOS 16.4+, Edge)
  • IndexedDB + Dexie.js — base de données locale pour fonctionnement offline
  • Background Sync — synchronisation des actions utilisateur hors-ligne quand la connexion revient
  • Lighthouse PWA audit — score PWA cible : 100/100 (installable, fast, reliable)
  • Manifest.json — icônes, couleurs thème, mode display (standalone, fullscreen)

Méthode en 4 étapes

Étape 1 — Audit existant (1 semaine). Lighthouse PWA score actuel, identification gaps (manifest, service worker, HTTPS, responsive).

Étape 2 — Coque PWA (1-2 semaines). Ajout manifest.json + icônes 6 tailles (72, 96, 128, 144, 152, 192, 384, 512 px) + service worker basique (cache assets statiques). Validation Lighthouse 100/100.

Étape 3 — Offline + sync (2-4 semaines). Stratégies de cache Workbox, IndexedDB pour données métier, Background Sync pour actions utilisateur hors-ligne (envoi de commande, sauvegarde formulaire, etc.).

Étape 4 — Push + engagement (1-2 semaines). Web Push API + VAPID keys + opt-in utilisateur + segmentation. Souvent : OneSignal ou Firebase Cloud Messaging pour gérer les envois côté backend.

Cas d'usage idéaux pour la PWA en Afrique

Cas d'usagePourquoi PWA fonctionneExemples
E-commerce mobile-firstPas de friction store, partage URL, SEOJumia Lite, Konga Lite, Twitter Lite
Médias et actualitésLecture offline, push breaking newsLe Monde, BBC News, Forbes
Outils SaaS B2BUpdate instantanée, usage cross-deviceTrello, Pinterest, Starbucks
Apps gouvernementalesBandwidth limitée, pas de store dépendanceIndia IRCTC, MakeMyTrip
Outils internes entrepriseDéploiement immédiat, pas d'app storeCRM, dashboards, intranet

Limites à connaître (et accepter)

  • iOS reste plus restrictif : pas de notifications avant iOS 16.4, pas de Bluetooth LE, pas de NFC, limite stockage 50 MB par défaut (extensible)
  • Pas de visibilité stores : si votre stratégie d'acquisition repose sur l'App Store / Play Store, la PWA n'est pas adaptée
  • Hardware avancé limité : pour NFC paiement, capteurs biométriques, AR/VR — natif obligatoire
  • Engagement push moins fort : taux d'opt-in push web ~5-15 % vs 60-80 % pour app native iOS/Android

Besoin d'un site web professionnel ?

Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.

Budget détaillé (Sénégal 2026)

TypeBudget FCFAEURUSDDélai
PWA simple (site existant + manifest + SW basique)1.5-3 M2 300-4 500 €2 500-5 000 USD2-3 sem
PWA e-commerce / SaaS (offline + push)5-8 M7 500-12 000 €8 000-13 000 USD5-8 sem
PWA complète offline-first + sync background8-12 M12 000-18 000 €13 000-20 000 USD8-12 sem
Refonte complète site → PWA + design + perf12-25 M18 000-38 000 €20 000-42 000 USD12-16 sem

FAQ

Quelle différence entre une PWA et une application native ?

La PWA est une web app installable depuis le navigateur (Add to Home Screen), avec offline, push et icône sur le bureau du téléphone. Elle ne passe pas par l'App Store ou le Play Store. Coût ×0.3 vs natif, mais limites sur le hardware avancé (NFC, AR, Bluetooth LE).

Combien coûte la création d'une PWA en 2026 ?

1.5-3 M FCFA pour une PWA simple à partir d'un site existant, 5-8 M FCFA pour une PWA e-commerce ou SaaS avec offline et push, 8-12 M FCFA pour une PWA complète offline-first avec synchronisation background.

Quels sont les avantages d'une PWA en Afrique ?

Cinq atouts majeurs : (1) cross-platform 1 codebase, (2) installable sans store, (3) offline pour bande passante limitée, (4) push notifications, (5) URL partageables et SEO web. C'est la stack par défaut pour 70 % des projets PME africaines en 2026.

Les PWA fonctionnent-elles sur iOS ?

Oui depuis iOS 11.3, et de mieux en mieux : iOS 16.4 a ajouté les push notifications web, iOS 17 a amélioré l'installabilité. Limites résiduelles : 50 MB de stockage par défaut, pas de Bluetooth LE, pas de NFC. Pour 90 % des cas d'usage SaaS et e-commerce, c'est largement suffisant.

Une PWA peut-elle remplacer mon app mobile native existante ?

Souvent oui, surtout si votre app ne fait pas appel à des capacités hardware avancées (NFC, AR, Bluetooth LE, capteurs biométriques). Beaucoup de PME migrent leur app native vers PWA pour éliminer la commission Apple/Google de 15-30 % et accélérer les déploiements.

Discutons de votre projet PWA

Si vous voulez transformer votre site en PWA ou créer une nouvelle expérience offline-first, on peut faire un audit Lighthouse 30 min et chiffrer le projet sur 5-8 semaines. WhatsApp +221 77 596 93 33.

Tags :#PWA#Progressive Web App#service worker#Workbox#offline#Next.js#push notifications
Partager :

Mohamed Bah

Fondateur, Kolonell

Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.