Bonjour, Habr!
Je voudrais présenter le générateur de site statique open source écrit en Node.JS , basé sur Webpack , aux citoyens de Habrovsk .
Le projet est inspiré du même Jekyll , mais utilise essentiellement une pile technologique moderne. Par exemple, il offre la possibilité de "charger à chaud" (sans recharger la page) les scripts et les styles modifiés.
Le projet est destiné à un public international, donc le site officiel, la documentation et les vidéos sont en anglais.
CARACTÉRISTIQUES
- Pile de technologie moderne
Créez des sites modernes avec des scripts et des styles bien emballés (minifiés, compressés, y compris gzip).
Vous pouvez rapidement développer un prototype de site et le déployer sur le serveur.
Utilisez n'importe quel framework frontal moderne (Webpack à l'intérieur) - Vue.JS , React , Angular , Ember , etc. - Super rapide et fiable
Il traite ~ 1000 pages par seconde (en fonction du contenu de la page, ainsi que de la puissance du processeur).
Il est clair que le processus de rendu HTML statique est beaucoup plus rapide que n'importe quel langage interprété. - Tout hébergement fera l'affaire
Il ne nécessite pas de base de données (les informations sont stockées dans des fichiers) et fonctionne sur n'importe quel hébergement (car la sortie est des fichiers html statiques et des actifs ). - Déploiement intégré
Créez un préréglage et déployez le site sur le serveur via FTP, SFTP ou même rsync .
Récemment, du matériel a été publié sur la façon de déployer un site gratuitement now.sh. - Sûr. Aucune mise à jour
Vous pouvez oublier le besoin de mises à jour régulières, comme, par exemple, dans le même WordPress.
Sécurité au niveau de 100%, car personne n'a encore réussi à déchiffrer le HTML statique (fonctionnalité). - Gratuit. Open source
Utilisation sur la santé. Ne payez pas un sou.
À quelles fins convient-il:
- Prototypage rapide (fait un modèle, montré un prototype fonctionnel, puis tiré sur le moteur)
- Portfolio
- Site Web de l'entreprise
- Site produit
- Blog personnel
Convient à tout site où il n'y a pas de contenu généré par l'utilisateur.
Vous pouvez même créer un blog collectif à l'aide de Pull Requests sur Github .
En utilisant Firebase ou toute autre API écrite dans n'importe quel langage (PHP, Ruby, Python, Node.JS) ou même en utilisant WordPress (JSON-API), et un framework frontal moderne comme Vue.JS ou React , vous pouvez créer un site Web dynamique pour tâches plus complexes: boutique en ligne, catalogue de produits, etc.
Pourquoi cela ne convient pas:
- Le forum
- Réseau social
- Clavarder
En général, pour un projet où il y a beaucoup de contenu généré par les utilisateurs, où beaucoup de travail de base de données et de pages sont générés à la volée.
Prérequis
Vous devez avoir installé Node.JS (9.x ou supérieur) et NPM (vont généralement de pair).
Téléchargez et installez (si vous ne l'avez pas déjà fait).
Ce dernier est recommandé (v10.12.0) Node.JS.
Cela ne fonctionne pas avec Node.JS <v9.x, car SASS, Less, Stylus est compilé hors de la boîte et node-sass nécessite la version 9.
Vous pouvez également utiliser Yarn au lieu de NPM .
Cogear.JS fonctionne sur:
Vous pouvez désormais utiliser le VSCode à la mode pour le développement.
L'installation
Simple, sans astuces:
$ npm install cogear -g
C’est tout. L'installation a réussi.
Cogear.JS après l'installation est disponible via la commande de console cogear .
Vous pouvez maintenant générer le premier site.
Utiliser
Accédez au répertoire où vos sites Web sont stockés.
$ cd ~/Sites
Appelez l'équipe pour générer un nouveau site:
$ cogear new site.io
Ensuite, passez à ce répertoire:
$ cd ~/Sites/site.io
Lancez Cogear.JS en mode development ou en mode production (préparation à la production) (en savoir plus sur les modes de fonctionnement ).
$ cogear
Les options
Vous pouvez voir une liste d'options de ligne de commande en ajoutant l'indicateur --help .
Liens utiles
Si le sujet suscite l'intérêt des citoyens de Habrovsk, je peux faire une série de tutoriels, quoi et comment.
PS je n'ai pas posté sur open source.
Posez des questions, essayez de répondre.