site-icon Hong Cheung
Jun 21, 2025

ZenTube 4.1 soumis et problème avec Capacitor + Next.js

ZenTube 4.1 - En attente de validation…

J’ai corrigé quelques bugs aujourd’hui pour la 4.1 et je l’ai soumise à la validation de l’App Store. Comme d’habitude, j’attends…

Je devrai implémenter le deep link dans la prochaine mise à jour.

Tiraillements entre React Native Web et une web app Next.js + Capacitor

J’essayais d’utiliser Capacitor avec mon web app Next.js. Cependant, j’ai compris quelques choses :

1. Problème avec de Capacitor sur Android

Alors qu’iOS fonctionne bien, j’ai rencontré un obstacle majeur avec l’app Android et . Je me suis assuré d’utiliser l’export statique pour mon projet, mais la gestion des routes via Link ne fonctionne tout simplement pas sur Android. Il s’avère que la web view d’Android est trop ancienne pour le prendre en charge. Ainsi, mes routes de pages basées sur les fichiers dans Next.js ne fonctionnaient pas avec Link.

Pour creuser un peu plus la question, j’ai essayé d’utiliser useRoute, route.push et un href, sans succès. J’ai ensuite réalisé que la plupart des gens utilisent Capacitor avec React ou Svelte. Mais surtout, ils l’utilisent comme une Single Page Web App, pas comme une web app multipage. Dans la mesure où je veux garder mes routes fonctionnelles, je ne peux pas vraiment tirer parti de l’avantage de n’avoir qu’une seule base de code web en utilisant Capacitor. Il existe peut-être une solution, mais je ne l’ai pas encore trouvée. À ce stade, je travaille à en faire une PWA avec synchronisation hors ligne, car le web est ce qui compte le plus.

2. Pourquoi pas React Native Web ?

J’avais un autre projet utilisant React Native Web avec Expo, et ce fut une excellente expérience. Je pense d’ailleurs que c’est peut-être la voie à suivre. Même pour une web app, utiliser RN web offre une bonne base pour le développement futur d’une app mobile. Si je décidais de ne pas sortir d’app mobile, ce serait très bien aussi. De plus, je peux utiliser des bibliothèques JS avec RN web, et je peux toujours avoir des routes.

Le seul inconvénient serait l’enfer des dépendances, que je souhaite en quelque sorte éviter. Next.js est tout simplement bien plus simple et gérable.


Je suppose que je vais essayer de voir si ma stack fonctionne aussi avec RN web. Et/ou essayer de corriger cette étrange route avec Capacitor sur Android.

Qu’en pensez-vous ?

Précédent