Obtenir un devis

Vos Prochaines Actions.

Suivez l'Agence Web Parisienne Blacksmith sur Linkedin

Vous avez une idée incroyable ou un projet à réaliser ?

Notre Agence de Design et Développement Web à Paris est là pour vous faire donner vie à votre projet !

Blog

CommentCréerdesSitesLégersetSécurisésAveclaJAMStack?

02.12.225MIN
HTMLCSSDesign
Jean-François Arnaud
Jean-François ArnaudPrésident de Blacksmith

Comment vous faites pour avoir des sites très animés et qui chargent plus vite que mon WordPress ?!

C'est la question que nous a posé un de nos clients.

⏱️ C'est un fait, certains utilisateurs sont très sensibles aux performances (vitesse de chargement, fluidité du site en général, etc.) des sites web et remarquent sur certain de nos travaux que malgré la présence d’animations ou de micro-intéractions, ces sites chargent plus rapidement qu’un simple site sous Wordpress.

Comment c’est possible ? Grâce à la JAMStack !

Comment vous faites pour avoir des sites très animés et qui chargent plus vite que mon WordPress ?!

C'est quoi la JAMStack ?

C’est l’acronyme (Javascript API Markup) d’une “pile technologique” (stack) qui permet de construire des sites statiques, c’est-à-dire des sites où les pages affichées sont les mêmes pour tous les visiteurs.

Attention, “statique” n’empêche pas d’avoir des animations ou de pouvoir gérer son contenu dans un CMS !

Les avantages ? Un site statique est rapide, à un coût d’hébergement faible et est plus sécurisé (le site ne consiste qu'en plusieurs fichiers HTMLs, les APIs étant servies par le CDN qui héberge le site) 💯

Votre site est donc plus rapide, plus économique en ressources serveur et donc plus écologique qu'un site "classique".

C'est quoi la JAMStack ?

Des technos à recommander ?

Nos préférences ❤️ chez Blacksmith :
- React.js (créé/maintenu par Facebook) ou Next.js pour la partie Front-End en Javascript
- le CMS Headless Strapi (que nous avons la chances de compter parmi nos partenaires) pour créer l’API Rest
- Next.js ou gatsby.js pour générer les pages HTM statiques (le "Markup")

Reste à ajouter:
- un pipeline de CI/CD pour générer une nouvelle version de site à chaque chaque modification de code ou à chaque changement de contenu depuis le CMS, de notre côté on aime bien celle de Github
- l’hébergement via un CDN, chez Blacksmith nous utilisons principalement #Vercel ou #AWS Amplify

Plus d’infos sur la JAMStack ici : https://jamstack.org/ et vous pouvez contacter notre agence de développement à partners@blacksmith.studio pour vos projet de sites en JAMStack ;)

Articles de la même catégorie

Articles en cours d'écriture...
Contact
Prêt·e à collaboreravec nous ?
Cliquer pour copier