Mon site web

Entre deux missions, j'ai enfin eu le temps de développer le site que j'ai toujours voulu m'offrir. Un outil pour partager, apprendre et me faire connaître.

Mes premiers pas avec Mosaic et Netscape restent des souvenirs éblouissants. Simple mais puissant, le web des tout débuts était exigeant: il fallait des connaissances en HTML, un minimum de compréhension d’Apache et quelques rudiments de commandes Unix.

En 30 ans, la technologie a énormément évolué : le cloud, les browsers, les langages de programmation, les frameworks, les IDEs,... Pourtant, créer un site web performant reste un exercice exigeant: markup sémantique, optimisation des librairies js et des images, internationalisation, adaptation à tous les formats d’écrans,…

On ne peut pas non plus faire l’impasse sur le web 2.0: les réseaux sociaux, bien que très criticables, sont des outils puissants de partage et de dissémination. Tout site web doit permettre d’en tirer avantage. Quant aux plateformes, trois avancées méritent d'être retenues :

1. il faut pouvoir partager rapidement des articles, vidéos, etc., cf. Twitter, Facebook, Instagram.
2. Les blogs permettent de se faire connaître par la façon singulière de communiquer une sensibilité et une trajectoire qui est toujours unique;
3. Notion, Obsidian ou Logseq ont popularisé le concept de jardin digital, qui sont un moyen merveilleux d'apprendre en organisant les connaissances sous forme de wiki personnel.

Mon site web me permet de tirer parti de ces 3 pratiques fondamentales:

- dans trouvailles, j’écris sur les médias (articles, vidéos) qui éveillent ma curiosité; ce sont des contenus facilement partageables.

- j’ai un blog pro (en 2 langues) et un journal personnel en français uniquement

- mes notes me permettent d’organiser mes connaissances en wiki personnel, de manière itérative

Ces trois éléments sont complémentaires. Typiquement:

- un travail d’introspection me permet d’identifier mes questionnements, de les ancrer dans le concret d’une vie vécue;

- je trouve des sources qui alimentent ma réflexion – je note et éventuellement partage mes idées à leur sujet;

- ces sources alimentent mes connaissances que j’organise dans un wiki dont la structure évolue au fur et à mesure de mes apprentissages.

Parce que ces 3 types de contenus sont liés, plutôt que de rester à leur surface comme c’est le cas si on s’en tient aux plateformes spécialisées précitées (réseaux sociaux / blogs / jardins digitaux), on est invité à aller voir en profondeur, à découvrir, à se questionner.

Sur le plan technique, j’ai codé mon site en Typescript/React/TailwindCSS en utilisant le framework Nextjs. Il est hébergé sur Vercel. Mon CMS est Sanity. Pour accélérer la création de contenus, j’utilise l’API d’OpenAI pour scraper les métadonnées de divers médias (articles, livres,…).

En général, je déteste les commentaires sur les sites web, mais donner au moins la possibilité aux lecteurs de réagir en privé me semble être la moindre des choses. Libre à moi de répondre par e-mail et de donner suite dans une mise à jour de l’article ou dans une note annexe. Pour l’envoi du contenu du formulaire de feedback, j’utilise PostMark.

Enfin, pour faciliter le travail de mémoire, principalement pour les livres, j’utilise Readwise qui me permet d’annoter mes surlignages et je tire parti de leur API pour intégrer mes annotations dans mon site.

En dehors de mon précieux temps de développement, coût total de l’opération: 0€. Deux exceptions, pour des fonctionnalités relativement accessoires: OpenAI, que je rentabilise très largement par ailleurs; et Readwise dont j’apprécie beaucoup le lecteur pour tous les contenus écrits.

Maintenant, le vrai travail peu commencer!

© Candide Kemmler 2025

Made with