Ce que vous allez apprendre

• Comment créer des sites Web incroyablement rapides avec Gatsby JS
• Comment utiliser les démarreurs Gatsby
• Comment utiliser le CSS global et le module CSS dans Gatsby JS
• Comment utiliser GraphQL
• Comment utiliser les mises en page dans Gatsby
• Comment utiliser Markdown Remark comme source de données
• Comment utiliser WordPress pour générer des données
• Comment optimiser le référencement de votre site Web
• Comment faire un audit de site Web Lighthouse et améliorer le score
• Comment déployer votre site Web avec Netlify
• Comment faire un déploiement continu avec GitHub + Netlify
• Comment utiliser les webhooks avec Netlify, WordPress et GitHub

Exigences

• Connaissance de ReactJS
• Connaissance de JavasScript ES6

La description

Gatsby JS est un framework gratuit et open source basé sur React qui aide les développeurs à créer un générateur de site statique ultra-rapide qui peut créer sites Internet et applications.

Mais qu’est-ce que cela signifie?

Eh bien… il combine les meilleures parties de Réagir, Webpack, Réagir-routeur, GraphQL, et d’autres outils frontaux en un seul et crée un outil incroyable agréable pour les développeurs!

Avec Gatsby JS vous pouvez utiliser la technologie Web moderne sans mal de tête. Tout sera configuré et vous attendra pour commencer à construire.

L’une des meilleures choses à propos de Gatsby est que vous pouvez importer vos propres données depuis CMS sans tête, Apis, Bases de données ou la système de fichiers.

Il n’y a pas de limite là-bas.

Vous pouvez obtenir des données même à partir de WordPress

Et cela le rend très facile pour les clients d’interagir avec le site Web que vous avez construit pour eux et ajoutez du nouveau contenu.

Ils ont juste besoin de mettre à jour leurs publications sur WordPress et c’est tout…

De plus, avec Gatsby, vous ne créerez PAS de site Web avec la technologie de la dernière décennie.

L’avenir du Web est le mobile, le JavaScript et les API. JAMstack.

Chaque site Web est une application Web et chaque application Web est un site Web.

Avec Gatsby, il est très facile de faire de votre projet un Application Web progressive statique (PWA)

Vous obtenez la division du code et des données prête à l’emploi.

Gatsby charge uniquement le HTML, le CSS, les données et le JavaScript critiques afin que votre le site se charge aussi vite que possible. Une fois chargé, Gatsby pré-récupère les ressources pour d’autres pages, donc cliquer sur le site est incroyablement rapide.

Gatsby.js crée le site Web le plus rapide possible.

Au lieu d’attendre de générer des pages à la demande, préconstruisez les pages et transférez-les dans un nuage mondial de serveurs, prêtes à être livrées instantanément à vos utilisateurs où qu’ils soient.

Donc, si vous vous demandez ce que vous apprendrez dans ce cours, voici la liste ci-dessous

Dans ce cours, vous apprendrez ce qui suit:

• Les bases de Gatsby JS et comment l’installer et Créer le premier projet
• Comment utiliser Démarreurs Gatsby Pour créer votre projet
• Comment créer des pages dans Gatsby et comment Liez-les correctement
• Comment Séparer les éléments en composants Et comment les utiliser
• Comment Créer des mises en page Qui peuvent être utilisés comme modèles
• Comment utiliser GraphQL
• Comment ajouter Plugins d’approvisionnement
• Comment utiliser Remarque Markdown Pour créer vos pages / publications
• Comment créer un blog en utilisant Remarque de Gatsby et Markdown (pile de JAM)
• Comment utiliser WordPress comme CMS sans tête
• Comment ajouter Metatags Et améliorer SEO du site Web
• Comment créer Composant SEO Et utilisez-le dans les mises en page
• Comment déployer votre projet vers Netlify et Github
• Comment faire Déploiement continu avec les Webhooks Netlify
• Comment Auditez votre site Web avec le phare (Norme de l’industrie par Google)
• Comment créer Score parfait du phare
• Comment convertir votre site Web en un Application Web progressive (PWA)
• Comment créer Webhooks WordPress Pour redéployer votre projet sur Netlify lorsque vous créez / mettez à jour / supprimez une publication

Vous pourrez également poser des questions à l’intérieur du cours si vous êtes coincé quelque part.

Je serai là pour vous aider chaque fois que vous en aurez besoin.

Maintenant, je veux que mes étudiants se sentent toujours à l’aise lorsqu’ils font un achat, c’est pourquoi j’ai téléchargé plusieurs vidéos gratuites que vous pouvez visionner à tout moment.

Je vous offre également une garantie de remboursement de 30 jours, sans poser de questions!
Vous n’avez donc rien à risquer et tout à gagner de ce cours!

Il est temps d’agir. Cette offre ne durera pas éternellement

À qui s’adresse ce cours:

• Développeurs React JS débutants qui souhaitent créer des sites Web statiques RAPIDES, optimisés pour le référencement avec Gatsby JS

Créée par Rangel Stoilov
Dernière mise à jour 4/2020
Anglais
Anglais [Auto-generated]

Taille: 3,02 Go

Sites Web conviviaux

Articles Similaires