Quelles sont vos astuces pour concevoir un site web personnel sans recourir à des bibliothèques tierces ?

Posté par : Scheherezade - le 01 Février 2025

Scheherezade : le 01 Février 2025

Je me demandais, en fait, comment vous faites, vous, pour vos sites persos ? 🤔 Est-ce que vous codez tout à la main, en partant de zéro, ou est-ce qu'il y a des outils "lowcode" que vous aimez bien ? Je suis curieuse de voir comment on peut faire un truc sympa sans se noyer dans les frameworks et autres bibliothèques... J'aimerais bien un truc simple et efficace ! 🤩 C'est possible, selon vous ?

Commentaires (9)

EchoShift69 : le 01 Février 2025

Merci pour vos retours ! C'est super intéressant d'avoir vos différentes approches.
MastercoinRouge36 : le 01 Février 2025

Je pense que l'approche full "no-code" c'est un peu vendre du rêve, surtout si on veut un truc qui sort un peu des sentiers battus. C'est bien pour une landing page vite faite, genre un truc pour choper des leads, mais dès que tu veux un peu de personnalisation, tu te retrouves vite limité. Et le coup du "sitefacile", faut voir ce qu'on entend par là. Facile pour un néophyte, ok. Mais si tu veux vraiment optimiser ton SEO, avoir un truc propre niveau code (même si c'est pas du code que tu écris directement), c'est une autre paire de manches. Et la "visibilité", c'est pas juste avoir un nom de domaine, c'est tout un travail derrière. Sans parler de la "crédibilité" qui peut en prendre un coup si ton site ressemble à tous les autres faits avec le même template. Je suis d'accord sur l'aspect "propriété" et "contrôle". Utiliser des plateformes gratuites, c'est souvent synonyme de pub intrusive, de fonctionnalités limitées et, surtout, d'une dépendance totale vis-à-vis du fournisseur. Si la plateforme ferme, ton site disparaît. Si leurs conditions changent, t'es obligé de suivre. C'est un risque à prendre en compte. Même avec un "soutientechnique", t'es jamais vraiment maître de ton site. En fait, la vraie question, c'est de savoir où on place le curseur entre rapidité de mise en œuvre et contrôle. Et ça, ça dépend vraiment des "besoinsspécifiques" de chacun. Perso, je préfère passer un peu plus de temps à coder (ou au moins à comprendre ce qui se passe sous le capot) pour avoir un truc qui me ressemble vraiment et dont je suis le seul maître à bord.
Scheherezade : le 02 Février 2025

Je suis assez d'accord sur le fond, surtout sur l'histoire de la propriété. Mais je me demande si on n'est pas un peu trop "puristes" parfois. Pour un site perso, genre un CV en ligne ou un portfolio, est-ce que ça vaut vraiment le coup de se prendre la tête avec du code from scratch ? Il y a des outils simples qui font le job, non ? Après, c'est sûr, si on veut un truc vraiment unique, faut mettre les mains dans le cambouis. Mais pour démarrer, un truc rapide, c'est pas si mal, non ?
PixelMao : le 02 Février 2025

Quand tu dis "outilssimples", tu penses à quoi exactement ? Des constructeurs de site en ligne, des thèmes tout faits, ou autre chose ? Et c'est quoi le "job" que tu veux que ça fasse ? Juste afficher des infos, ou il y a des fonctionnalités particulières que tu recherches ?
Scheherezade : le 02 Février 2025

En fait, par "outilssimples", je pensais plus à des thèmes ou templates un peu plus poussés que les trucs de base qu'on trouve partout, mais qui restent assez modulables. Et l'idée, c'est surtout d'avoir un portfolio en ligne, pas forcément besoin de fonctions hyper compliquées. Juste une belle présentation de mes travaux, quoi. 😊
EchoDuVent55 : le 03 Février 2025

Si c'est juste pour un portfolio, et que tu veux pas te prendre la tête, regarde du côté des générateurs de sites statiques. Genre Hugo ou Jekyll. Tu écris ton contenu en Markdown (c'est super simple à apprendre), tu choisis un thème qui te plaît (y'en a plein de gratuits et de payants), et le générateur s'occupe de transformer ça en un site web statique super rapide et facile à héberger. L'avantage, c'est que t'as pas besoin de base de données, pas de PHP, rien de tout ça. Juste des fichiers HTML, CSS et JavaScript. Et pour l'hébergement, un simple hébergement statique suffit (GitHub Pages, Netlify, etc.), c'est souvent gratuit ou très peu cher. Ça peut être un bon compromis entre le full "no-code" et le code from scratch.
Scheherezade : le 04 Février 2025

Bon, eh bien... J'ai finalement suivi le conseil d'EchoDuVent55 et je me suis penchée sur les générateurs de sites statiques. J'avoue que Hugo, ça m'a paru un peu trop technique au premier abord, mais Jekyll était plus abordable. J'ai trouvé un thème sympa, j'ai bidouillé un peu le CSS pour que ça ressemble à ce que j'avais en tête, et... ma foi, ça fonctionne ! C'est pas parfait, hein, mais pour un portfolio, c'est nickel. Et puis, l'hébergement sur GitHub Pages, c'est vraiment pas cher, ce qui est un atout non négligeable. Merci encore pour les conseils ! 😊
BlockSturm65 : le 04 Février 2025

Content que t'aies trouvé ton bonheur avec Jekyll et GitHub Pages ! C'est un bon combo pour un portfolio sans trop se prendre la tête avec le back-end. Et puis, l'avantage, c'est que tu peux toujours mettre les mains dans le code si tu veux personnaliser plus tard. Bravo pour le bidouillage CSS, c'est souvent là que ça se joue !
PixelRebel : le 05 Février 2025

C'est cool que t'aies franchi le pas et que t'aies pu bricoler un truc qui te convienne avec Jekyll. Perso, je trouve ça toujours gratifiant de voir qu'on peut arriver à un résultat probant en partant de pas grand-chose, surtout quand on a l'impression de maîtriser un minimum la chaîne, contrairement aux usines à gaz no-code. Et puis, c'est un bon premier pas vers un truc plus poussé si l'envie te prend. Et BlockSturm65 a raison, le CSS c'est souvent le nerf de la guerre. C'est là que tu peux vraiment faire la différence, même avec un thème de base. Perso, j'ai toujours un faible pour les sites qui ont une identité visuelle forte et qui ne ressemblent pas à tous les autres. Pour l'hébergement, GitHub Pages c'est un choix économique et fiable. Après, si tu veux aller plus loin, tu peux regarder du côté de Netlify ou Vercel. Ils offrent des fonctionnalités intéressantes comme le déploiement continu (chaque fois que tu modifies ton code, le site est automatiquement mis à jour) et des CDN performants pour un site rapide. C'est un peu plus technique à mettre en place, mais ça vaut le coup si tu veux optimiser les performances et l'expérience utilisateur. Au niveau sécu, avec un site statique, t'es déjà bien plus tranquille qu'avec un truc dynamique à base de PHP et de base de données. Moins de failles potentielles à exploiter. Mais faut quand même faire gaffe à la configuration de ton serveur et aux dépendances JavaScript que tu utilises. Un petit scan de sécurité de temps en temps, ça mange pas de pain. Genre avec des outils comme Snyk ou Dependabot. Ça peut éviter les mauvaises surprises. Et si jamais l'envie te prend de rajouter des fonctionnalités plus complexes à ton portfolio (un formulaire de contact, un système de commentaires, etc.), tu peux regarder du côté des services serverless comme Netlify Functions ou AWS Lambda. Ça te permet d'exécuter du code côté serveur sans avoir à gérer un serveur. C'est un peu de JavaScript, mais c'est assez simple à mettre en place et ça peut vraiment donner un coup de boost à ton site.