Pourquoi régénérer une page pour chaque visiteur de votre site alors que le contenu ne change pas. C'est sur ce constat que les sites web statiques prennent tous leurs sens !

Un gros mouvement est en marche ! Le retour des sites web en mode statique. 
Un peu à l'image des sites des années 2000, mais avec une approche moderne. Vous générez votre site ou votre application web sous forme de fichiers statiques. Cela rend votre site facile à héberger, moins gourmand en ressources et totalement sécurisé.

Comment ça marche ?

C'est assez simple. Au lieu de générer la page au moment de la visite et donc de faire tourner un langage serveur (php, java, python..) à chaque visite. Vous générez les pages de votre site à chaque fois que vous modifiez le contenu.

Vous allez donc générer des fichiers statiques sous format HTML (le langage de votre navigateur) et placer ça sur votre serveur.

Et donc à chaque fois qu'un visiteur voudra afficher une page, c'est un fichier HTML qui sera envoyé par le serveur. Sans avoir besoin de faire tourner un langage serveur.

C'est donc plus rapide et plus sécurisé. Puisque par défaut, les fichiers statiques ne sont pas attaquables par des personnes malveillantes.

C'est compliqué à mettre en place ?

Oui et non !

Oui, cela demande un peu plus de compétence pour le mettre en place. Même si cela évolue rapidement vers la simplicité.

Non, car des services sont déjà disponibles afin d'automatiser le processus et finalement, une fois adopté, cela n'est pas plus compliqué qu'un site classique.

Quels ont les avantages ?

C'est plutôt simple:

• Des performances : rien de plus rapide que de simple fichier.
• De la sécurité : moins de vulnérabilité et d'attaque de base de données (il n'y en a pas !)
• Moins cher : hébergement souvent léger

Les technos utilisées

Comme je suis expert en développement d'application web. Je me suis naturellement tourné vers les outils :

  • Gatsby JS
  • Nuxt JS
  • Next JS
  • Netlify
  • Vercel

Ce sont actuellement les outils qui font avancer le plus l'écosystème statique.

Des exemples ?

Voici 2 exemples de web app statique :

N'hésitez pas à me contacter pour que je vous explique encore plus en détail le fonctionnement de la JAMStack.

Articles du blog sur #jamstack  #Gatsby  #headless 

Gatsby JS - Nouvelle Route API basée sur les fichiers

L'équipe de Gatsby JS vient d'annoncer la release officielle de la nouvelle API Route basée sur les fichiers.

Craft CMS 3.5 en mode headless

Craft CMS 3.5 vient d'être annoncé (octobre 2020) avec quelques améliorations et nouveautés. Mais revenons sur les capacités incluses par défaut dans un mode d'utilisation Headless. GraphQL et le mode preview adapté aux sites statiques.

Un site e-commerce statique développé avec Gatsby JS et Snipcart

Avec le confinement, les commerçants ont dû fermer leurs portes depuis un petit moment maintenant. Et le confinement traîne en longueur… Du coup, certaines boutiques essayent de s’adapter et de rebondir.