Portfolio

• Astro
• HTML
• CSS
• JavaScript
• GitHub Pages

C’est une site web simple pour présenter certains trucs cools sur lesquels j’ai travaillé au fil des années.

Je l’aime bien, alors le voici.

Architecture

L’architecture de déploiement est simple: lorsque du code est poussé vers le nuage, il est compilé et publié sur GitHub Pages. La dernière version du site est donc toujours mise de l’avant.

Architecture de déploiement du portfolio

Internationalisation (i18n)

Astro offre une solution i18n native, sauvegardant la langue choisie dans l’url. Comme ils utilisent une approche basée sur les fichiers pour le routage, cela signifie que chaque fichier doit être dédoublé.

Je ne voulais pas dupliquer tout et risquer de briser les styles.

Cependant, Astro permet aussi de générer les pages manquantes en compilant le projet tout en spécifiant la langue qui est présentement visée. Ainsi, en utilisant le champ Astro.currentLocale, il est facile de créer une solution i18n personnalisée qui ne fait que dupliquer le texte, et rien d’autre!

Stack technique

• Astro, pour ces raisons:
  • Components
  • Génération d’archive facile
  • Support natif d’i18n
  • Support de markdown
  • Styles ciblés (c’était ça ou Tailwind, et ça faisait un bout que je n’avais pas écrit de CSS directement 🤷)
• Sass, parce que j’aime imbriquer les styles ensembles.
• TypeScript, parce que cela vient avec Astro par défaut.

C’est ça. Je ne voulais pas utiliser d’autres dépendances, alors je ne l’ai pas fait.