Allez ça (re)part ! 🚀👋

Bonjour ! 👋

Ravi de voir que mon premier article suscite votre curiosité. Après quelques mois à avoir réduit ma présence en ligne suite à la naissance de ma seconde fille Louise, me voilà de retour !

J'en profite donc pour lancer mon portfolio ici sur lauthieb.dev qui hébergera également mon tout premier blog.

Si vous ne me connaissez pas, je m'appelle Laurent Thiebault, marié et papa de deux adorables petites filles Clémence & Louise. Grand passionné par l'Open Source, le dev web, le design, la musique, l'IA et la productivité, il était tout naturel que je puisse lancer mon portfolio rassemblant l'ensemble de cela à un endroit ! Pour en savoir plus sur moi, je vous invite à lire cette page.

Dans cet article, je vais vous parler de la génèse de ce projet et les raisons derrière ce lancement. Puis, je vous ferai un petit tour du propriétaire sur l'aspect fonctionnel (l'aspect technique, c'est pour un prochain article 👀).

Pourquoi ai-je créé ce portfolio ?

L'envie générale ❤️

Ahlala, cette envie date depuis très longtemps... Et combien de fois je l'ai procrastiné ? Il y a eu quelques tentatives, qui n'ont jamais été réellement jusqu'au bout. Et oui, car maintenir un portfolio à jour n'est pas chose simple.

Mais désormais, me voilà motivé et boosté à prendre en main ce portfolio qui aura pour but de vous donner plein d'astuces, conseils & bonnes pratiques autour des sujets qui me passionnent, à savoir ici le développement web, le design, les outils et méthodes nous permettant d'être plus productif.

La soif de partage 📣

Une autre raison est que j'adore partager mon savoir. C'est quelque chose d'essentiel à mes yeux de faire en sorte que notre temps d'apprentissage soit rentabilisé grâce à la transmission. C'est notamment fort de ces différents partages que le web a su évoluer jusqu'à celui que nous connaissons aujourd'hui.

C'est tous ensemble, de part nos différents niveaux de connaissance, nos différentes cultures et échanges que nous construisons des solutions de plus en plus modernes, performantes & accessibles au plus grand nombre. Je suis donc très heureux d'avoir désormais un endroit pour vous partager un maximum d'éléments que j'ai acqui à travers mes lectures et mon expérience.

Le challenge technique 💪

Et puis... Il y a eu ce challenge technique ! Cela fait des mois que je lis de manière intense un bon nombre d'articles sur le web moderne, sur les différents modes de rendus, sur les nouveaux outils facilitant le déploiement et la gestion de base de données.

Le problème ? Je restais au stade de la lecture d'article ou du tutoriel "Hello World", et cela ne me fait que peu progresser puisque j'en reste à des exemples simples, sans aucun problème et cela ne reflète pas la vraie vie d'un développeur. Et donc, difficile de me faire une idée.

J'ai donc retroussé mes manches cette semaine pour (ré)apprendre Next.JS, les différents modes de rendu (CSR, SSR, SSG, ISR) notamment grâce à leur tutoriel très complet disponible ici. Ensuite, je me suis lancé dans la construction de ce portfolio, et j'ai pris beaucoup de plaisir à le faire sur différentes soirées ! Aujourd'hui, c'est l'ouverture de ma première version, il y aura d'autres itérations bien sûr.

J'en suis très heureux et j'ai hâte d'apprendre beaucoup d'autres technologies avec vous grâce à ce site web qui pourra me servir de bac à sable car l'ensemble des articles sont écrits en MDX, un format qui supporte le Markdown avec des composants React intégrés.

La remise en question 🧐

Enfin, une dernière raison a été de construire ce portfolio afin de bénéficier de critiques sur mon travail et le contenu que je réalise. C'est pour cela que j'ai mis en place un système de commentaires avec Giscus sous chaque article de blog. Si vous souhaitez me proposer des idées ou réagir de manière générale sur le portfolio, n'hésitez pas à lancer une discussion ici.

Il est fort probable qu'à certains moments je réalise des erreurs et j'espère vraiment que vous pourrez m'aider en me le mentionnant en commentaire afin que je puisse me remettre en question sur ma façon de concevoir, apprendre et vulgariser.

Il n'y a rien de tel que la confrontation de son savoir, les échanges constructifs pour grandir. Merci d'avance pour votre aide !

Qu'allez-vous trouver dans mon portfolio ?

Mon blog

Tout d'abord (et d'ailleurs, vous y êtes), ce portfolio hébergera mes articles de blog. Celui-ci sera fourni au fur et à mesure du temps par des articles qui aborderont des sujets autour du développement web, du design, de la tech, des outils, de la productivité, et j'en passe !

Difficile d'imaginer à l'avance les éléments que je partagerais ici. Je vais essayer de combattre le syndrôme de l'imposteur en publiant de manière régulière et mon contenu s'adaptera en fonction de ce que vos réactions et ce que vous souhaitez voir ici !

Mes projets

Ce portfolio, c'est aussi également l'endroit où je vous partagerais les différents projets sur lesquels je travaille ou contribue en Open Source.

Quelle belle aventure !

Mes talks

Dans cette rubrique, vous pourrez retrouver des talks que j'ai donné seul ou en collaboration avec des personnes talentueuses à divers endroits (conférences, meetups, BBL, etc.). Merci à tous les organisateurs qui nous ont laissé apporter nos connaissances dans ce type d'évènement, ravi d'y contribuer et ouvert pour en réaliser d'autres !

Mes outils

Ah ! Cette section risque d'être une de mes préférées. Pour l'instant, fournie de manière raisonnable comparé aux outils que j'utilise au quotidien, elle grandira au fur et à mesure du temps, des découvertes et de mon expérience.

Toujours dans un but de vous partager un maximum de choses, et le cas échéant, les outils que j'utilise dans mon travail quotidiennement pour me permettre d'être plus productif.

Mes références (talks, podcasts, livres)

La section rempli de ❤️. Ici, je vous partage les talks, podcasts et livres qui m'ont marqué de manière très positive. Chacune des références dans cette section ont participé à ma progression.

Merci à toutes les personnes mentionnées dedans pour ce que vous m'avez apporté par votre savoir et votre façon de le transmettre.

Bonus 🎁

Allumez le son 🔊

D'ailleurs, quand vous changez de thème ou bien que vous ouvrez la recherche avancée, un petit son se déclenche ! Bon, soit, ça ne sert pas à grand chose ok je vous l'accorde. 👀

Recherche rapide 🔍

Bien connu des différents sites de documentation et de nombreux outils, la recherche avancée permet de trouver rapidement une réponse à nos questions. J'ai donc souhaité en mettre une en place sur mon portfolio.

Pour la déclencher, rien de plus simple, pressez ⌘ + K ou Ctrl + K sur n'importe quelle page du site web. Il y a également un bouton dédié à cela en haut à droite si jamais vous souhaitez déclencher cela sans l'aide du clavier.

Light mode / Dark mode 🌔

Le portfolio s'affiche dans le thème par défaut de votre système d'exploitation, cependant si vous souhaitez basculer de light mode à dark mode (ou inversement) manuellement, n'hésitez pas à cliquer sur le petit bouton dédié en haut à droite !

Internationalisation 🇬🇧🇫🇷

Mon portfolio est conçu pour offrir une expérience bilingue, prenant en charge l'anglais et le français en fonction de la langue par défaut de votre navigateur, tout en offrant la possibilité de basculer entre les langues en cliquant en haut à droite.

Et voilà, bienvenue ! 🎉

J'espère sincèrement que vous apprécierez me lire, je vous dis à très vite pour mon prochain article ! N'hésitez pas à passer le mot. 💌

Laurent