Nouvelle revisite de mon app Livewall avec NextJs

Il y a 2 ans j’avais réussi à reproduire une application que j’avais vu dans une conférence. Les participants peuvent envoyer gratuitement des SMS qu’un modérateur peut vérifier et publier sur un mur interactif que chacun peut voir. Après avoir crée cette app, je vous propose maintenant une nouvelle revisite de mon app Livewall. Mais cette fois avec le framework NextJs.

Pourquoi une nouvelle revisite de mon app Livewall ?

J’avais créé une première version en 2019 avec ReactJs et un serveur NodeJs, les deux communiquant entre eux en utilisant websocket. 6 mois plus tard, j’avais appris VueJs et j’ai évidemment voulu porté mon appli en utilisant ce framework. Sur le même principe serveur Node + websocket. Et puis il y a un mois, j’ai suivi une formation NextJs faite par un auteur que je suis avec assiduité: Maximilian Schwarzmüller (je ne peux que recommander ces cours pour ceux que l’anglais n’effraie pas!). Je devais forcément tenter une nouvelle revisite de mon app Livewall avec NextJs pour valider ma nouvelle compétence.

NextJs et son système d’API intégré

Et voilà c’est fait!! Et cette app, que fait-elle?

Tout d’abord, j’utilise les services de Nexmo (maintenant devenu Vonage) pour avoir à disposition un numéro de téléphone portable. Ce numéro, on peut lui envoyer gratuitement des SMS. La passerelle Nexmo, une fois configurée, envoie ces SMS sous forme de donnée vers un Webhook qui fait partie de l’API de mon app NextJs. L’API que j’ai créé envoie ensuite ces messages vers Firebase. Pour ceux qui connaissent, je l’utilise tant pour la base de données et l’authentification.

Donc tous les messages reçus s’affiche sur une page que le modérateur de l’évènement (réunion, conférence, séminaire) gère. A lui de les vérifier, de les modérer à sa guise et de choisir ensuite de les publier sur le mur interactif. Ou tout simplement de ne pas retenir ce message. Les participants de l’évènement voient quant à eux le mur interactif sur lequel s’affiche les messages validés par le modérateur. En voyant leur message affiché, les spectateurs participent donc indirectement à l’événement.

Nouvelle revisite de mon app Livewall avec NextJs par MadeInFck est sous Licence Creative Commons Internationale Attribution-Pas d'utilisation Commerciale-Partage à l'identique 4.0 .