Nous sommes mi-septembre 2024 et je peux fièrement dire que j’ai enfin terminé mon site ! Cela m’a pris environ un mois de travail quotidien assez intense, et c’est à chaud que je vais revenir sur cette aventure. Je ne couvrirai probablement pas tout, car mon cerveau est encore en ébullition après cette expérience, mais j’aimerais immortaliser quelques réflexions dans cet espace qui est désormais le mien.
Créer mon propre site portfolio a été l’un des projets les plus enrichissants que j’ai pu mener à bien. J’ai accompli beaucoup de choses pour la première fois : créer un portfolio, créer pour moi-même, développer avec Next.js et Tailwind… Ce fut un concentré d’apprentissages techniques, mais aussi de découvertes personnelles. Créer quelque chose à son image commence comme n’importe quel projet : comprendre les besoins, et j’étais la seule à pouvoir y répondre.
Comme à mon habitude, j’ai commencé par voir ce qui existait déjà en cherchant sur Google "portfolio développeur web" pour m’inspirer, tant sur le fond que sur la forme. Le défi avec cette approche, c’est que lorsque je trouve des idées géniales, je me mets en tête d’atteindre ce niveau de qualité. C’est à la fois motivant et intimidant.
Une fois mes inspirations rassemblées, j’ai ouvert Figma et commencé à travailler. D’abord, j’ai bêtement reproduit des éléments qui me plaisaient, puis, en les assemblant, j’ai apporté des modifications. Graphiquement, tout est parti de l’identité visuelle des NABA Communication Awards, associée à un avatar illustré et aux palettes de couleurs d’Alex Christache. Cela m’a donné une base solide.
C’est l’identité visuelle d'Atlas qui m’a guidée vers un design bento. Ce concept m’a tout de suite séduite, car il reprend le principe efficace de bento.me, utilisé par de nombreux indépendants (que j’avais moi-même envisagé). En structurant le tout, je me suis éloignée de mes premiers essais graphiques, ce qui est finalement une bonne chose. Des visuels trop marqués donnaient l’impression d’un site de graphiste, alors que je souhaitais montrer ma double compétence, développeuse et designer. L’une ne va jamais sans l’autre !
Le choix de la stack technique pour ce projet m’a occupée pendant plusieurs mois. Je voulais que ce site témoigne aussi de mon niveau technique. J’ai longtemps pensé utiliser le framework Astro, car j’apprécie son approche minimaliste des composants. Finalement, à la dernière minute, j’ai opté pour Next.js, une stack que l’on retrouve de plus en plus dans les offres d’emploi. C’était l’occasion pour moi de l’expérimenter, notamment pour découvrir comment React peut être poussé plus loin (cela faisait des mois que des amis me parlaient du fameux files router…).
Dès la conception graphique, j’avais en tête les différentes animations et transitions de page qui viendraient sublimer mon design minimaliste. Avec un peu plus de temps, j’aurais aimé les prototyper sur Figma, mais j’étais impatiente de coder ! Pour faciliter l’intégration, j’ai utilisé la bibliothèque Framer Motion, une découverte totale, mais très simple à prendre en main grâce aux nombreux tutoriels disponibles. Pour l’instant, je suis restée sur des transitions simples (navigation, avatar, ouverture de page), mais j’ai bien l’intention de pousser ça plus loin !
Le plus gros défi avec Next.js (pour l’instant) a été de bien comprendre l’architecture des dossiers. Avant de me lancer dans le développement, j’ai exploré plusieurs templates de projets Next pour m’en inspirer, mais c’est un point sur lequel je ne suis pas encore 100 % satisfaite. D’autant plus que l’App Router est relativement récent (un an), donc chacun cherche encore la meilleure approche. Le plus difficile a été de comprendre l’utilité des composants serveurs et clients. Avec le recul, c’est logique que mes fonctions asynchrones soient exécutées côté serveur avant de fournir les données aux composants clients. J’avais juste besoin d’une piqûre de rappel !
Voilà un premier aperçu de ce projet. Je sais qu’il est imparfait, mais je me devais de mettre en ligne une première version, sans quoi, je me connais, j’y aurais encore travaillé pendant des mois. Je sais par exemple que ma priorité est d’améliorer la gestion des erreurs (données et routing). J’aimerais aussi mieux exploiter mon contenu en markdown et explorer toutes les possibilités du MDX remote.
Pour l’heure, j’ai besoin de prendre un peu de recul (et de repo) afin d’appliquer tout ce que j’ai appris à la modernisation de la documentation du Blank Theme.