Où étais-tu passé?

Où étais-tu passé?

Pour ceux qui me suivent sur Facebook et Instagram (et que cela intéresse), vous avez dû remarqué une soudaine baisse d'activité de ma part concernant mon activité en ligne. Et en effet, je n'ai plus rien posté depuis, et grosso modo ma participation aux Internets s'est limitée à soutenir quelques artistes sur Deviant Art, ainsi qu'à améliorer ou créer des modèles de site open source sur Github.

Eh bien il y a une très bonne raison à tout cela!

Motivation

J'ai volontairement mis en pause tous les autres projets, car je n'étais pas satisfait. En effet, losque j'annonçais -au moment de lancer mon activité d'illustration- sur mon compte facebook personnel que j'étais fin prêt à exercer 15 métiers en même temps, ce n'était pas une métaphore, loin s'en faut...

J'avais déjà une bonne ébauche concernant mon site internet, et j'y avais déjà passé beaucoup de temps puisque j'ai commençé le développement web il y a plus de deux ans déjà et en autodidacte complet, sans prendre un seul cours d'informatique et précisément dans le but de créer mon site moi-même, d'avoir le contrôle sur le code source, pages et publications, et de ne pas devoir faire appel à un prestataire extérieur à la moindre modification.

Cela m'a coûté cher en temps passé, il s'agit toutefois et pour moi d'un investissement à vie sur un savoir précieux.

Si j'avais dû faire comme tout le monde et passer par Wix ou Wordpress, je n'aurais jamais été aussi satisfait que je ne le suis aujourd'hui.

Pour beaucoup de personnes, ce sont des solutions évidentes, mais ce sont surtout des solutions abordables, et qui d'une manière générale sont adoptées sans savoir ce qu'implique la mise en place d'un site web, ni pourquoi un vrai prestataire est généralement cher voir hors de prix.

En effet, si vous décidez de faire votre site vous-même avec Wix, vous n'aurez pas l'idée de l'optimisation pour le SEO et le référencement en tête, et rien que ces disciplines sont déjà des métiers à plein temps dans le secteur du développement web.

Ce qui signifie que si vous décidez de créer votre site vous-même sans avoir ces connaissances, votre site sera très peu optimisé, invisible des moteurs de recherche et perdu parmi les centaines de millions de sites existants. Et je ne parle même pas de l'optimisation des pages pour la performance du site, et ce pour chacune de vos pages : là aussi c'est un métier!

Et je le dis franchement - parce que je regarde souvent les sites des autres artistes et je lance des tests sur ces derniers - Je peux comprendre le souci d'économies ou le manque de moyens. Toutefois, créer un site Wix ou Wordpress sans faire appel à un expert Wix ou un expert Wordpress par la suite est une erreur : votre site représente votre marque, votre espace en ligne personnel et/ou professionnel et ce que vous voulez véhiculer. Négliger cela donnera une impression de manque de professionnalisme et rien d'autre!

Vous devez integrer qu'un utilisateur restera 7 secondes en moyenne sur votre site. De plus, 60% des utilisateurs le visiteront depuis leur mobile. Donc si celui-ci n'est pas optimisé et qu'une de vos pages mets trop longtemps à charger à cause d'un trop grand nombre de plugins Wordpress par exemple, cela fera drastiquement diminuer votre taux de rétention utilisateur, et donc fera diminuer le nombre de personnes pourtant potentiellement interessées par votre activité!

Tout ceci étant dit, Wix ou Wordpress -ou n'importe quelle solution propriétaire- ne sont pas des solutions que j'aime personnellement, ni des solutions que j'avais envie d'adopter ou de privilégier. Un site Wordpress est généralement hébergé et mis en place directement chez un hebergeur. Un site Wix est mis en place et hebergé chez Wix, cela implique que si vous avez un problème avec votre hébergeur, vous perdrez tout le travail que vous avez effectué pour mettre en place votre site!

De plus et alors qu'encore plus de 80% des sites web sont toujours codés à l'aide de PHP et de frameworks comme Laravel, je ne suis absolument pas de ce côté-là du développement web, je ne fais pas du tout de PHP.

J'ai directement mis les pieds dans les solutions modernes et très intéractives telles que React (et pour lesquelles je me suis quelque peu passionné), et donc les frameworks basés sur Node et Javascript, telles que Next.js ou Astro.js, sans une seule ligne de code PHP!

Et donc?

Donc, pour en venir à Next.js sur lequel le site que vous visitez actuellement est entièrement basé, il faut savoir que l'été dernier les développeurs de Next ont surpris tout le monde en faisant une énorme mise à jour. Je ne vais pas rentrer dans les détails techniques, juste que leur mise à jour a été faite avec une volonté d'améliorer les performances et l'expérience de développement. C'était bienvenu, mais cela revenait presque à repartir de zéro sur la façon de concevoir et développer un site avec leurs outils!!!

Et c'est donc ce que j'ai fait, je suis presque reparti de zéro. Quitte à ne voir presque personne en dehors de ma famille proche, quitte à y passer des weeks ends entiers...

J'ai d'abord pris un modèle de blog pour développeur comme entraînement, afin d'en faire un site bilingue et comprendre comment internationaliser un site avec toutes ces nouveautés. Ce modèle est d'ores et déjà utilisé par d'autres développeurs, et j'ai eu de très bon retours sur le travail que j'ai effectué dessus, vous pouvez voir par vous-même la démo :

Démo

Code source

Une fois ce modèle terminé (je continue d'y apporter des modifications de temps à autres, lorsque j'ai de nouvelles idées), j'ai également créer un autre modèle, que j'ai mis à disposition en open-source, donc gratuitement. Ce modèle est destiné aux artistes, photographes etc. et qui se veut être le plus complet possible (à l'exception d'un magasin intégré, même si j'aimerai l'intégrer dans une autre version)

L'avantage de faire de l'open source, c'est que d'autres développeurs viendront éventuellement conttribuer, et aider à améliorer le modèle. Même si personnellement je n'ai pas vraiment tendance à attendre après les autres, cela reste un travail qui mise sur l'intelligence collective.

Si vous n'avez pas de site, ou vous êtes un geek, ou que vous avez le goût d'apprendre, ou encore si vous avez un ami développeur qui pourrait vous aider, ou même si vous voulez conttribuer avec vos propres idées, ce modèle est disponible ici :

Démo

Code source

Il y a deux versions, une "normale" et une autre en deux langues.

La version en deux langues a servi de base pour la nouvelle version de mon site, le même site que vous êtes en train de visiter!

Tout cela m'a donc pris plus de six mois, avec parfois des hauts, parfois des bas et des moments de découragements lorsque j'étais bloqué sur un problème ou un autre... Mais j'en suis (presque) venu à bout (il reste encore un peu d'optimisations à faire).

Par rapport à mon ancien site, il y a de très nombreuse améliorations notables :

  • Possibilité de partager les articles, les projets et les dessins.
  • Blog avec recherche par catégorie ou tag
  • Pagination pour chaque catégorie ou tag.
  • Possibilité d'intégrer facilement des blocs de code (tutoriels), des vidéos, des images ou d'autres composants dans les articles.
  • Gallerie interactive, avec chaque image ayant sa propre page en cliquant dessus.
  • Section commentaires, anonymes ou non. (Attention restez polis! :D)
  • Accessibilité largement accrue (menus, barre de recherche, backlinks etc.)
  • Amélioration du lecteur de musique.
  • Nouveau design avec un thème Manga (Et pourquoi pas? Moi ça me plaît :))

j'espère maintenant -en dehors de quelques mises à jours ponctuelles- être tranquille pour un moment et me consacrer à 200% à mes vrais projets et objectifs, qui sont toujours le dessin et l'art traditionnel en général, et non le développement web!

À suivre...

Partager: