Chargement…

Gros update sur Versus-DB

Gros update sur Versus-DB

Mise à jour des routes

J'ai modifié tout le système de routing pour bénéficier de la SEO, en sachant que Next.js permet de faire beaucoup de chose pour améliorer votre SEO, en passant par les métadata, et le server side rendering. On peut littéralement faire de la magie.

Désormais, je mets le label du jeu dans la route, car très souvent les joueurs appellent un Street Fighter -> SF ou King of Fighters -> KOF, j'ai donc fait des optimisations sur les routes pour en tirer profit.

routes.png

Et aussi sur les fiches personnages, j'ai modifié les routes en ce sens:

routes-2.png

Cela m'a demandé un travail spécifique sur mon moteur d'encryption car j'avais fait les routes par rapport aux IDs. J'ai réussi à faire une mise à jour sans créer de breaking change. Cela m'a demandé deux bonnes heures, le temps de faire des tests et de vérifier le fonctionnement. J'en parlerai probablement dans un prochain article, mais j'ai fait des optimisations sur l'encodage de réponse qui fait que pour éviter de prendre un DDoS, j'ai splité la réponse et le frontend se chargera de la recomposition. Dans les faits, l'encryptage est beaucoup plus long sur un objet volumineux que sur une série d'objets de plus petite taille.

Mise en place d'un Sitemap avec Next.js

De plus, j'ai créé un script qui me permet de mettre en place un sitemap.xml avec Next.js, je le fais déjà sur ce blog par exemple. Cette fois-ci mon script est légèrement différent car il est préconstruit et incrémental alors que celui de dev-freelance est totalement dynamique et sera regénéré entièrement à chaque exécution.

Le sitemap.xml est un fichier que l'on ne présente plus en SEO, il permet l'indexation de vos pages, c'est un peu la cartographie de votre site.

sitemap.png

FAQ

Pourquoi avoir mis les labels courts comme SF ou KOF dans les routes ?

Ces abréviations sont celles que les joueurs utilisent naturellement dans leurs recherches, les intégrer dans les URLs permet de capter ce trafic et d'améliorer le référencement sur des requêtes réelles.

Est-ce que ce changement de routes a cassé des fonctionnalités existantes ?

Non, la migration a été réalisée sans breaking change, mais elle a nécessité un travail spécifique sur le moteur d'encryption qui gérait auparavant les routes à partir des IDs, ce qui a pris environ deux heures de tests.

C'est quoi concrètement un sitemap.xml et pourquoi en ajouter un ?

C'est un fichier qui liste toutes les pages de votre site pour aider les moteurs de recherche à les découvrir et les indexer plus efficacement, un peu comme un plan du site destiné aux robots.

Quelle est la différence entre le sitemap de Versus-DB et celui de ce blog ?

Celui de Versus-DB est préconstruit et incrémental, ce qui signifie qu'il se met à jour sans être entièrement regénéré, contrairement à celui du blog qui est totalement dynamique et reconstruit intégralement à chaque exécution.

Pourquoi avoir découpé les réponses chiffrées en plusieurs petits objets ?

L'encryption d'un gros objet unique est bien plus lente que celle de plusieurs petits objets, cette approche améliore les performances et réduit la vulnérabilité aux attaques de type DDoS, le frontend se chargeant ensuite de recomposer les données.


Poursuivre la lecture

Comment j'ai géré la SEO avec Next et Strapi Dev
#blog#seo#programming

Comment j'ai géré la SEO avec Next et Strapi

Après avoir conçu mon blog en Next.js et Strapi, j'ai du travailler sur la partie SEO afin de donner un peu de visibilité à mon site. Je vous explique comment je m'y suis pris.

Alexandre P.
Mise à jour de Next.js 12 vers 14 Dev
#next#next.js#update

Mise à jour de Next.js 12 vers 14

Voilà, après le back, il faut bien faire le front, il en avait besoin. On passe de Next.js 12 vers 14, toujours en Page Router. Tout ça en moins d'une heure. Accrochez vous !

Alexandre P.