Portfolio

Présentation

zaruike.dev est mon portfolio personnel, conçu pour présenter mes projets, mes contributions open source et les compétences que je développe au fil de mes expériences. Au-delà de son rôle de vitrine, le portfolio constitue également un terrain d’expérimentation technique me permettant de découvrir de nouvelles technologies et d’approfondir certaines pratiques dans un projet réel, déployé et maintenu dans la durée.

Développement Full Stack

Le site est développé avec Next.js, TypeScript et Tailwind CSS, avec une attention particulière portée à la maintenabilité, aux performances et à l’expérience utilisateur. Le projet m’a notamment permis d’approfondir l’utilisation de Tailwind CSS dans une application complète et de travailler sur la conception d’une interface responsive et réutilisable.

Administration avec Payload CMS

Afin de rendre le contenu du portfolio facilement administrable, j’ai choisi d’intégrer Payload CMS. Cette technologie, que je n’avais pas utilisée auparavant, m’a permis de découvrir une approche différente des systèmes de gestion de contenu et de mettre en place rapidement un back-office adapté aux besoins du site. Les projets, technologies, compétences, articles et différentes métadonnées peuvent ainsi être administrés sans nécessiter de modification du code à chaque évolution du contenu.

SEO technique

Le développement du portfolio constitue également une opportunité d’approfondir mes compétences en SEO technique et d’appliquer les bonnes pratiques associées à une application Next.js moderne. Le site intègre notamment : des métadonnées adaptées aux différentes pages ; des URLs canoniques ; la gestion du multilingue et des balises hreflang ; un sitemap XML ; un fichier robots.txt ; les métadonnées Open Graph ; des données structurées Schema.org ; une structure HTML sémantique ; * des optimisations liées aux performances et à l’indexation.

Forgejo et CI/CD

Pour ce projet, j’ai volontairement choisi de ne pas utiliser GitHub ou GitLab pour l’hébergement du dépôt. Le code source est hébergé sur une instance Forgejo auto-hébergée dans mon infrastructure personnelle, ce qui m’a permis de découvrir un nouvel environnement Git et d’approfondir mes compétences autour des chaînes CI/CD. L’objectif était notamment de sortir des outils que j’utilisais déjà afin de comprendre davantage le fonctionnement et la mise en place d’une chaîne de déploiement dans un environnement entièrement maîtrisé.

Intégration avec mon homelab

Forgejo et les composants participant au déploiement du portfolio sont hébergés au sein de mon Infrastructure Homelab Zero Trust. Le portfolio constitue ainsi l’un des cas d’usage réels de cette infrastructure : le laboratoire ne sert pas uniquement à expérimenter des technologies isolément, mais également à héberger et exploiter certains de mes propres services.

Démarche d’apprentissage

Ce projet évolue volontairement au fil de mes apprentissages. Chaque nouvelle fonctionnalité peut être l’occasion d’expérimenter une technologie, une approche ou une bonne pratique avant de l’intégrer durablement au site. Le portfolio devient ainsi à la fois une présentation de mon travail et un support concret de montée en compétences.

Pour aller plus loin

Certaines problématiques rencontrées lors du développement et de l’hébergement du portfolio feront également l’objet d’articles techniques, notamment autour de Forgejo, du CI/CD, de Next.js, de Payload CMS, du SEO et de mon infrastructure homelab.