albonnet.fr - Site vitrine professionnel
J’ai récemment créé ma micro-entreprise de développement web, afin de mettre en avant cette nouvelle activité il me fallait un site qui présentait mes projets ainsi que mes compétences dans le but de permettre aux personnes à la recherche d’une solution web, de se faire une idée de mes capacités et de ma personne. Ce projet est donc le point de départ de mon activité de freelance. J’en ai profité pour approfondir mes connaissances et pour découvrir de nouvelles technologies. J’ai utilisé d’utiliser Next.js pour son côté multifonction : il me permet de construire le site en React et de gérer mon API dans le même projet. Du côté de la base de données, j’ai choisi PostgreSQL géré via Prisma, un ORM qui simplifie les requêtes et s’intègre naturellement avec TypeScript. Afin de garder un projet propre et maintenable, j’ai choisi d'adopter l’Atomic Design, une technique d’organisation des fichiers qui consiste à décomposer au maximum les composants en allant du simple texte ou bouton (atom), pour aller ensuite vers un groupe regroupant plusieurs inputs (molecules), en continuant vers le formulaire (organism), pour finir en template puis en page. De cette manière le code reste lisible de part le fait qu’ils restent très courts. Pour assurer un bon suivi, j’utilise git qui me permet de garder une trace de l’évolution du projet et de faciliter le déploiement. Dans le but de découvrir de nouvelles choses, j’ai choisi de créer mon propre serveur qui me permet d’héberger mon site ainsi que mes futurs projets. Ce serveur tourne sur Proxmox qui est une plateforme de virtualisation open source et qui me permet de gérer des machines virtuelles depuis une interface web. J’ai donc créé une machine virtuelle hébergeant le projet conteneurisé avec Docker et géré via Portainer. Ce projet m'a permis d'approfondir Next.js et de découvrir la gestion d'un serveur et le déploiement d'applications web. C'est aussi celui qui marque le début de mon aventure professionnelle en tant que freelance.
