[FEATURE] Génération statique de pix-site

[bpetetot]

🦄 Problème

Suite aux attaques de pix.fr, nous avons constaté que les conteneurs crachaient suite à une rapide montée mémoire des serveurs, car le site est actuellement en server-side rendering.

🤖 Solution

Afin de résorber ces attaques plus facilement et étant donné la typologie du site (purement statique), un piste de réflexion serait de générer pix-site et pix-pro en pur statique (sans server-side rendering) et de l’exposer sur un CDN.

Nuxt permet facilement de générer un site en statique grâce à la propriété target: ”static” dans le fichier nuxt.config.js

Principe de fonctionnement:

• Le site est “buildé” comme aujourd’hui grâce à la commande nuxt build
• Ensuite on génère la version statique par la commande nuxt export. Cette commande réalise les opérations suivantes:
  • Génération statique de chaque page pour chaque langue définie dans le router (les appels prismic sont réalisés pour générer ces pages)
  • Génération statique de toutes les pages déclarées via les balise <Link /> du router
• Tout est exporté dans un dossier dist qui est exposé par un serveur nginx (on peut utiliser nuxt serve en local)
• Les redirections sont gérées dans la configuration nginx: servers.conf.erb.

🌈 Remarques

Tâches à réaliser:

• Activer le mode statique de nuxt
• Convertir pix-site pour être compatible à la génération statique de nuxt (suppression de window et documents sans locale)
• Convertir pix-pro pour être compatible à la génération statique de nuxt
• Vérifier le code supprimé (voir commit window)
• Déploiement sur les RAs
• Établir le nouveau process de dev & déploiement (pas de changement à ce jour)
• Déployer avec pix-bot (utiliser le hook de prismic?) -> fera l'objet d'une PR dédiée sur pix-bot
• Mettre en place un nginx sur Scalingo

Lors de la Mise en production de cette PR, il faudra publier la page Prismic de la navigation

[pix-service]

I'm deploying this PR to these urls:

• Pix Site (fr): https://site-pr201.review.pix.fr
• Pix Site (org): https://site-pr201.review.pix.org
• Pix Pro (fr): https://pro-pr201.review.pix.fr
• Pix Pro (org): https://pro-pr201.review.pix.org

Please check it out!

[HEYGUL]

Il reste encore 2 problèmes à résoudre:

1. Il y a des redirections étranges en http (au lieu de https) quand on souhaite accéder à des sous-pages.

Par exemple: site-pr201.review.pix.fr/competences

Mais il semble qu'on ait pas le souci en allant sur site-pr201.review.pix.fr/competences (juste un slash en plus à la fin)

2. le site en .org ne change pas la locale en fr:

site-pr201.review.pix.org devrait rediriger vers site-pr201.review.pix.fr/fr

La configuration de la redirection a été définie dans le nginx

Ces 2 problèmes sont désormais corrigés avec la configuration nginx à jour.

[jbuget]

LGTM 💪