Bienvenue sur mon blog!
Dans ce post, je souhaite partager mes objectifs et mes réflexions concernant ce site portfolio que j'ai créé.
La motivation
Depuis que j'ai repris activement la photographie, je réfléchis à la meilleure façon de montrer facilement mon art à mes amis, mais aussi aux nouvelles personnes que je rencontre. Instagram a servi de principal outil à cette fin, mais certaines de ses limitations (seulement 10 images par publication, devoir recadrer mes images, capacité limitée de zoom) m'ont poussé à chercher une meilleure solution.
De plus, je recherchais un moyen de partager mes réflexions et d'ajouter du contexte à mon art. Parallèlement, j'ai travaillé dur pour améliorer mes compétences en codage, notamment du côté du front-end.
Cela m'a amené à entreprendre un projet de création de mon propre site web. J'ai fait une première tentative il y a environ six mois, avec une simple galerie photo d'une page. Ce n'était pas mal, mais les images mettaient du temps à se charger (en raison de la non-optimisation des miniatures), et il n'était pas facile d'ajouter de nouvelles images car je devais les ajouter manuellement à un seau S3.
Plus important encore, cela ne fournissait pas une manière simple de partager une photo/album spécifique, ce dont j'avais relativement souvent besoin.
L’implémentation
J'ai mis ce projet en pause jusqu'à il y a un mois, lorsque j'ai retrouvé la motivation pour y travailler après avoir été un peu "agacé" en essayant de montrer des photos spécifiques à quelqu'un. De plus, le périmètre du projet s'est élargi un peu lorsque j'ai décidé de ne pas seulement créer un site pour moi, mais aussi pour des amis ou des artistes locaux qui pourraient ne pas être à l'aise pour créer leur propre site ou le trouver trop cher.
Le site devrait être facile à déployer.
- Il doit être facile d'ajouter du nouveau contenu sans modifier le code.
- Les coûts devraient être aussi bas que possible tout en offrant de bonnes performances.
- Le design du site devrait convenir à plusieurs types d'artistes, pas seulement aux photographes.
La solution logique à ces exigences est d'utiliser un CMS headless, car cela permet aux gens de modifier le contenu facilement tout en ne limitant pas la complexité de mon code/design.
La prochaine étape a été de décider quels outils/bibliothèques étaient les mieux adaptés à mon projet. Dans un prochain article, je détaillerai davantage mes décisions, et aussi comment vous pouvez déployer votre propre site basé sur mon modèle.
Voici l'approche que j'ai choisie :
- Application Next.js avec génération de site statique et ISR (Régénération statique progressive)
- Sanity CMS
- Tailwind CSS
The results
Après quelques semaines de travail intense chaque fois que j'avais du temps libre, j'ai obtenu un résultat que j'aime et que vous êtes en train de voir ! Il y a encore des choses que je dois corriger/améliorer, mais la fonctionnalité de base est là. De plus, l'un de mes amis a aidé à tester le modèle, ce qui a révélé de nombreux problèmes que je n'avais pas vus. Je les ai corrigés immédiatement, et de nouvelles améliorations pour la suite me sont venues à l'esprit.
Cependant, je vais faire une pause dans le développement de nouvelles fonctionnalités et me concentrer plutôt sur mon contenu, car c'est toujours la raison principale pour laquelle j'ai créé ce site !
Je n'ai pas l'intention de publier sur mon blog très souvent, mais si vous êtes intéressé par la lecture de mes réflexions futures, je vous recommande de me suivre sur Instagram ou sur ma page Facebook de photographe. Je partagerai sur ces plateformes chaque fois que je publierai un nouvel article.
Merci d'avoir pris le temps de me lire, et j'espère que vous avez passé un bon moment.
-Félix