Le contexte
J’ai décidé de développer une solution pour faciliter ma vie de Freelance.
Cela commence par disposer d’un portfolio qui tient la route et facilement actualisable.
C’est la première fonctionnalité de l’application, il en est prévu d’autres, mais ça c’est une autre histoire…
Ce portfolio doit :
- présenter mon service
- me présenter
- présenter mon expérience
- être performant, simple et fonctionnel
- être un bon exemple du résultat que je suis capable de produire
La méthode
J’ai choisi d’utiliser React.js avec le framework Next.js parce que c’est pour le moment ce que je connais le plus et qui répond le mieux à ma problématique.
Pour l’UI j’ai choisi Tailwind, à force de l’utiliser je commence à mieux m’en sortir qu’avec SaSS et c’est surtout parfait pour un projet moyen comme le mien.
Pour la partie data j’ai choisi de créer des fichiers Markdown incluant du JSX, cela évite dans un premier temps de gérer une DB et cela me fournit toutes les infos dont j’ai besoin.
Hébergement chez Vercel et utilisation de Github.
Pour la partie test j’ai choisi Vitest et Cypress.
Pour finir j’ai fait le design de l’UI moi même, je sais, ça se voit que je ne suis pas Designer, mais c’est en forgeant qu’on devient forgeron 😉.
Les difficultés rencontrées
Rien n’est du tout cuit, même sur un projet au premier abord assez facile.
La principale difficulté a été la prise en main des nouveautés de Next 13 :
- le routing via le répertoire /app
- les server et client components
Les résultats
Le portfolio est en ligne et totalement fonctionnel avec une landing page, une page about et une page listant mes projets.
Tout n’est pas parfait loin de là, il va me falloir améliorer l’existant et ajouter quelques fonctionnalités supplémentaires.
Les leçons apprises
Il est plus efficace d’arriver au bout d’un projet, c’est à dire valider l’objectif, et ensuite de l’améliorer, que d’essayer de faire le mieux possible à chaque étape du projet, ce qui a tendance à nous éloigner de l’objectif.
Pour Conclure
Comme précisé précedemment c’est la première fonctionnalité de l’application, donc en plus des améliorations à lui apporter je vais me lancer sur la 2ème fonctionnalité : un blog, en attendant de finaliser la 3ème : un outil de gestion de mon temps.