svelte vercel prismic

/Side-project 2021 : Refonte chaufourier.fr

July 20, 2021

Dans le monde en constante évolution du développement web, rester à la pointe des technologies est essentiel. J'ai entrepris une refonte complète de mon site internet, avec pour objectif principal d'apprendre et d'implémenter les derniers outils et frameworks de développement web.

Svelte :

L'un des aspects les plus excitants de cette refonte a été l'adoption de Svelte, une librairie JavaScript révolutionnaire qui se distingue par sa simplicité et ses performances exceptionnelles. Avec Svelte, le code est compilé au moment de la construction, ce qui se traduit par des applications plus rapides et plus légères. En utilisant Sapper, un framework basé sur Svelte, j'ai pu créer une application web dynamiques avec une facilité déconcertante. Son architecture intuitive m'a permis de structurer mon site de manière logique et de gérer la navigation de manière fluide.

SvelteKit :

Au cours de ma refonte, j'ai également eu l'opportunité d'expérimenter avec SvelteKit, la nouvelle itération de Sapper. SvelteKit offre une expérience de développement encore plus fluide et une prise en charge étendue des fonctionnalités telles que le routage et le rendu côté serveur. La transition de Sapper vers SvelteKit a été transparente, et j'ai pu bénéficier des dernières améliorations apportées à l'écosystème Svelte.

Découverte de Prismic et Vercel :

Pour la gestion de contenu, j'ai opté pour Prismic, un système de gestion de contenu (CMS) headless moderne et flexible. Prismic m'a permis de créer et de gérer facilement le contenu de mon site, tout en offrant une API robuste pour récupérer les données. En utilisant Vercel, une plateforme de déploiement cloud, j'ai pu automatiser le processus de déploiement de mon site.

Tailwind CSS :

Enfin, pour ce qui est du design et de l'esthétique, j'ai adopté Tailwind CSS, un framework CSS utilitaire qui permet de créer des interfaces utilisateur élégantes et réactives. Avec Tailwind, j'ai pu personnaliser rapidement et efficacement l'apparence de mon site, en utilisant des classes prédéfinies pour styliser chaque élément avec précision. La modularité de Tailwind m'a également permis de maintenir un code CSS propre et facilement extensible.

Conclusion

La refonte de mon site internet a été une expérience enrichissante, me permettant d'explorer et de maîtriser une gamme d'outils et de technologies de pointe. En adoptant Svelte avec Sapper et SvelteKit, en découvrant Prismic et Vercel, et en utilisant Tailwind CSS, j'ai pu créer un site web moderne, performant et esthétique. Cette expérience m'a non seulement permis d'améliorer mes compétences en développement web, mais m'a également ouvert de nouvelles perspectives sur les possibilités offertes par ces technologies innovantes.


Github : https://github.com/batosai/chaufourier.fr-svelte

Partage

©2024 Jeremy Chaufourier.