Les constructeurs de sites statiques sont des outils conçus pour faciliter la création d'un site Web en configurant une grande partie du code que vous devriez normalement écrire à partir de zéro. Que vous ayez besoin d'un site Web pour une entreprise ou que vous démarriez un blog, choisir un site Web statique est généralement un excellent choix.
Jekyll et GatsbyJS sont deux builders devenus particulièrement populaires grâce à leur simplicité d'utilisation. Quel constructeur est le meilleur ? Décomposons ces deux options.
Il est important de savoir quel code est utilisé pour créer chacun de ces générateurs. Si vous avez déjà une formation dans un certain langage de programmation, vous trouverez peut-être un de ces constructeurs un peu plus facile à utiliser.
Jekyll est construit avec le langage de programmation Ruby. Ruby est un langage polyvalent qui est fiable pour de nombreuses applications différentes. Jekyll est un Ruby Gem, un paquet de code construit à l'intérieur de Ruby qui simplifie l'installation sur le terminal.
GatsbyJS est construit à l'aide de React, une bibliothèque JavaScript devenue très populaire pour la création de sites Web. Pour utiliser GatsbyJS, vous aurez également besoin de Node.js et du Node Package Manager (NPM).
L'utilisation de GatsbyJS nécessite une maîtrise assez confortable de JavaScript. Heureusement, JavaScript est le langage le plus populaire pour travailler sur du code Web. Si vous avez une bonne maîtrise de JavaScript, vous vous sentirez peut-être plus à l'aise dès le départ avec GatsbyJS.
L'installation des deux constructeurs de sites Web statiques est assez simple à l'aide de la ligne de commande.
Pour démarrer avec Jekyll, une fois que vous avez installé Ruby, il vous suffit d'exécuter quelques instructions en ligne de commande. Guide de démarrage rapide de Jekyll est une excellente ressource.
C'est un processus assez simple une fois que vous maîtrisez Ruby.
GatsbyJS nécessitera l'installation de quelques éléments pour simplifier le lancement d'un site Web. Les trois choses dont vous aurez besoin sont :
Node.js est essentiel pour exécuter Gatsby.js, vous devrez donc vous assurer qu'il est installé en premier. Vous pouvez télécharger Node.js pour Windows. Si vous utilisez macOS, GatsbyJS recommande d'utiliser Homebrew pour installer Node.js via le terminal.
Git est requis pour GatsbyJS sur tous les systèmes, mais il y a de fortes chances que vous l'utilisiez déjà si vous travaillez avec du code.
Le Gatsby CLI est un outil construit par GatsbyJS qui vous permet de développer des sites Web plus facilement. Il s'agit d'un package dans le Node Package Manager (NPM) pour Node.js.
Pour installer la CLI Gatsby, il vous suffit d'exécuter une commande NPM sur le terminal.
npm install -g gatsby-cli Remarque pour les utilisateurs de Windows :GatsbyJS penche un peu vers macOS dans son installation. Pour l'installation de Windows, GatsbyJS recommande d'utiliser le sous-système Windows pour Linux si vous utilisez Windows 10.
GatsbyJS fournit également un guide de démarrage rapide. La CLI Gatsby exécute des commandes sur le terminal à l'aide de
gatsby commander. Voici un exemple utilisant un démarreur Gatsby, qui n'est qu'un modèle de code fourni par GatsbyJS :
Une fois que vous avez exécuté cette séquence, vous pouvez ouvrir http://localhost:8000 pour afficher votre site Web.
Lorsque vous choisissez un constructeur de site, vous devez non seulement examiner le constructeur, mais aussi tous les autres outils et supports qu'il peut utiliser.
Jekyll utilise une combinaison de Liquid, Markdown, HTML et CSS pour traiter les sites Web. Liquid fait un excellent travail en exécutant la logique à l'intérieur du HTML. Markdown est un petit outil pratique pour accélérer le codage en vous permettant d'écrire des mots en texte brut ; Markdown convertira votre texte en HTML propre. Markdown a une longue liste de fonctionnalités qui facilitent votre développement.
Jekyll a un système de plugin qui peut créer des fonctionnalités supplémentaires, en utilisant Ruby Gems. Il existe une multitude de plugins intégrés à Ruby pour Jekyll, et vous pouvez créer les vôtres.
Jekyll propose également une fonctionnalité assez unique qui peut importer du code à partir de sites Web existants et les convertir en Jekyll. L'idée est de prendre un site Web plus ancien, peut-être plus encombré, et d'améliorer les performances avec Jekyll. Vous pouvez importer du code depuis WordPress, Tumblr, Drupal et plus encore.
GatsbyJS utilise React.js by JavaScript qui est largement utilisé, grâce à sa rapidité et son design moderne. Webpack, CSS et JavaScript se combinent pour offrir une pile impressionnante.
GatsbyJS dispose également d'un système de plug-in riche pris en charge par Node.js et livré sous forme de packages. La popularité de Node.js donne à GatsbyJS un petit avantage. Les packages NPM sont extrêmement populaires dans le développement Web grâce à leur stabilité et à l'utilisation de JavaScript.
GatsbyJS propose une sélection de démarreurs et de thèmes, qui ne sont que des modèles avec lesquels vous pouvez démarrer un site Web. Ils sont agréables à avoir, mais pas quelque chose qui va vraiment faire ou défaire le choix de GatsbyJS. Le vrai avantage va être l'utilisation de Node.js
Avant de conclure, il est assez clair que le langage de programmation est avant tout la chose la plus importante à considérer lors du choix entre ces deux constructeurs. Toutes leurs fonctionnalités réelles sont basées sur leur code, donc si vous êtes à l'aise avec Ruby (Jeykll) ou JavaScript (GatsbyJS), la décision sera assez claire.
Nous aimons Jekyll pour sa stabilité, il bénéficie d'un excellent support de GitHub. L'utilisation de Liquid et Markdown est agréable à avoir, et la fonctionnalité permettant d'importer l'ancien code est très utile.
GatsbyJS regorge de nombreuses fonctionnalités, centrées sur Node.js. GatsbyJS propose une pile moderne capable de développer des sites Web à la fois pour le Web et pour le mobile. React, Webpack, GraphQL, CSS et HTML sont intégrés et bons à avoir. JavaScript est l'un des langages les plus faciles à apprendre, donc même si vous ne le connaissez pas, vous pouvez apprendre rapidement.
La bibliothèque de démarrage pour les deux constructeurs est agréable, mais si vous créez un site Web sérieux, vous ne les utiliserez pas du tout.
Les deux constructeurs sont puissants et à égalité. Cela étant dit, le constructeur que nous aimons le plus est GatsbyJS. Il utilise JavaScript qui fonctionnera bien dans le futur, offre d'excellentes performances et prend en charge la bibliothèque NPM qui continue de croître.