Jekyll vs GatsbyJS: Quel constructeur de site statique construit le meilleur site web?

Added 2019-10-30

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 auriez normalement à écrire à partir de zéro. Que vous ayez besoin d’un site Web pour une entreprise ou pour commencer un blog, choisir un site Web statique est généralement un excellent choix.

Jekyll et GatsbyJS sont deux constructeurs particulièrement populaires grâce à leur facilité d'utilisation. Quel constructeur est le meilleur? Brisons ces deux options.

Jekyll contre GatsbyJS: Sous le capot

Il est important de savoir quel code est utilisé pour créer chacun de ces constructeurs. Si vous avez déjà de l'expérience dans un certain langage de programmation, vous trouverez peut-être un de ces constructeurs un peu plus facile à utiliser.

Jekyll (Ruby)

Jekyll est construit avec leLangage de programmation Ruby. Ruby est un langage polyvalent fiable pour de nombreuses applications. Jekyll est un Ruby Gem, un paquet de code construit à l'intérieur de Ruby qui simplifie l'installation au terminal.

GatsbyJS (Javascript + React)

GatsbyJS est construit en utilisantReact, une librairie JavaScript cela est devenu très populaire pour la construction 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 bonne connaissance de JavaScript. Heureusement, JavaScript est le langage le plus populaire pour travailler sur le code Web. Si vous maîtrisez bien JavaScript, vous vous sentirez peut-être plus à l'aise dès le début avec GatsbyJS.

Jekyll vs GatsbyJS: Installation

L'installation des deux constructeurs de sites Web statiques est assez simple en utilisant la ligne de commande.

Jekyll

Pour commencer à utiliser Jekyll, une fois Ruby installé, il vous suffit d’exécuter quelques instructions à la ligne de commande. Jekyll’sGuide de démarrage rapide est une excellente ressource.

1. Installez Ruby
2. Installer des gemmes Jekyll et Bundler
3. Créez votre site web
4. Voir dans votre navigateur sur http: // localhost: 4000

C’est un processus assez simple une fois que vous maîtrisez Ruby.

GatsbyJS

GatsbyJS nécessitera l’installation de quelques éléments pour faciliter le lancement d’un site Web. Les trois choses dont vous aurez besoin sont:

• Node.js
• Git
• Interface de ligne de commande Gatsby (CLI)

Node.js est essentiel pour exécuter Gatsby.js, vous devrez donc vous assurer que celui-ci est installé en premier. Vous pouvez télécharger Node.js pour Windows. Si vous êtes sur 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 est probable que vous l'utilisiez déjà si vous travaillez avec du code.

La CLI Gatsby est un outil conçu par GatsbyJS qui vous permet de développer plus facilement des sites Web. C'est un paquet dans le Node Package Manager (NPM) pour Node.js.

Pour installer l'interface de ligne de commande Gatsby, il vous suffit d'exécuter une commande NPM sur le terminal.

npm installer -g gatsby-cli

Note pour les utilisateurs Windows: GatsbyJS se 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 de Gatsby exécute des commandes sur le terminal à l'aide duGatsbycommander. Voici un exemple utilisant un démarreur Gatsby, qui n'est qu'un modèle de code fourni par GatsbyJS:

Une fois que vous exécutez cette séquence, vous pouvez ouvrirhttp: // localhost: 8000 pour voir votre site web.

Jekyll contre GatsbyJS: écosystème et caractéristiques

Lors du choix d'un constructeur de site, vous devez vous pencher non seulement sur le constructeur, mais également sur tous les autres outils et supports qu'il peut utiliser.

Jekyll

Feuille de triche Markdown imprimable pour les débutants et les experts Cette feuille de triche Markdown imprimable fournit tout ce que vous devez savoir sur le formatage Markdown en un coup d’œil. Gardez-le à portée de main et ne vous trompez plus jamais. Read Article

Jekyll dispose d'un système de plug-in capable de créer des fonctionnalités supplémentaires à l'aide de Ruby Gems. Ruby pour Jekyll est doté de nombreux plugins et vous pouvez créer les vôtres.

Jekyll propose également une fonctionnalité unique permettant d'importer du code à partir de sites Web existants et de 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

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 fournir une pile impressionnante.

GatsbyJS possède également un système de plug-ins 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 d'entrées et de thèmes, qui ne sont que des modèles avec lesquels vous pouvez démarrer un site Web. C’est bien d’avoir, mais ce n’est pas quelque chose qui va vraiment changer le choix de GatsbyJS. Le véritable avantage sera l'utilisation de Node.js

Jekyll contre GatsbyJS: impressions finales

Avant de conclure, il est assez clair que le langage de programmation est avant tout la chose la plus importante à prendre en compte lors du choix entre ces deux constructeurs. Toutes les fonctionnalités réelles sont basées sur leur code. Par conséquent, 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 du soutien de GitHub. L'utilisation de Liquid et Markdown est agréable, et la fonctionnalité permettant d'importer du code ancien est très utile.

La bibliothèque de démarrage pour les deux constructeurs est agréable, mais si vous construisez un site Web sérieux, vous n’aurez plus vraiment l’utilité de le faire.