Logo Pierre Techer
Les projetsLe blog
Drapeau français
Drapeau englais
Githubtecherpierre.pro@gmail.com

Mon portfolio

Un portfolio personnel dĂ©veloppĂ© avec Next.js, conçu pour prĂ©senter mes projets, mes compĂ©tences et mon parcours. Ce site me permet d’expĂ©rimenter des technologies modernes tout en offrant une vitrine claire et professionnelle de mon travail.

Small room

🎯 Pourquoi faire un portfolio ?

J’ai d’abord créé ce portfolio dans le cadre de ma formation IntĂ©grateur Web chez OpenClassrooms. C’était un bon moyen de mettre en pratique ce que j’apprenais. Mais il me sert surtout Ă  prĂ©senter mes projets, montrer mes compĂ©tences et avoir un espace personnel que je peux partager facilement. C’est un outil utile pour me faire connaĂźtre en tant que dĂ©veloppeur.

đŸ› ïž Les technologies utilisĂ©es

  • Next.js: un framework React moderne permettant un rendu cĂŽtĂ© serveur, une gĂ©nĂ©ration statique et une navigation rapide.
  • Typescript: Un surensemble de JavaScript qui ajoute le typage statique, amĂ©liorant la fiabilitĂ© du code.
  • Github actions: Un outil d'automatisation utilisĂ© ici pour compiler et dĂ©ployer automatiquement le site Ă  chaque mise Ă  jour.
  • PostgreSQL: Une base de donnĂ©e trĂšs performante pour stocker les projets et les articles
  • Scaleway: Une plateforme cloud utilisĂ©e pour hĂ©berger le site via des conteneurs Docker.

🌐 Pourquoi Next.js pour mon portfolio ?

Next.js permet de faire du rendu cĂŽtĂ© serveur (SSR), ce qui signifie que certaines pages peuvent ĂȘtre gĂ©nĂ©rĂ©es Ă  la volĂ©e sur le serveur. Cela m’a permis d’implĂ©menter des fonctionnalitĂ©s comme la recherche d’articles ou les filtres de projets sans surcharger le navigateur. Le SSR est Ă©galement bĂ©nĂ©fique pour le SEO.

Avec ce fonctionnement, je peut facilement connecter une base de donnĂ©es pour gĂ©rer les projets et le blog. C’est donc une solution moderne et Ă©volutive, idĂ©ale pour un portfolio.

🔗 Quelques liens

  • Le github du portfolio
  • Le site de Next.js