Gatsby JS Developer’s Guide – Important Parts & Blog App

了解流行的Gatsby JS（Gatsby v3）框架。使用React / GraphQL使用JAMStack架构构建自己的博客页面。

GatsbyJS是基于React的GraphQL驱动的静态站点生成器。它使用强大的预配置功能来构建一个网站，该网站仅使用静态文件来实现难以置信的快速页面加载，服务工作者，代码拆分，服务器端渲染，智能图像加载，资产优化和数据预取。

本课程涵盖了您开始自己的Gatsby JS项目所需的全部内容。本课程的学生将通过构建自己的Blogging应用程序的实际功能来学习所有内容。

Gatsby JS具有丰富的生态系统，需要初期投资。这就是为什么我创建此指南的原因，使您可以在一个地方找到所有内容。

Learn popular Gatsby JS(Gatsby v3) framework. Use React/GraphQL to build your own blog page with JAMStack architecture

MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 99 lectures (12h) | Size: 5.2 GB

What you’ll learn:
Build Gatsby JS apps on your own
Build static page apps with modern technologies
Understand meaning and benefits of JAMStack
Use GraphQL to your advantage

Requirements
Minimal Javascript or other programming language knowledge
React JS Basics

Description
What is Gatsby JS?

GatsbyJS is a React-based, GraphQL powered static site generator. It uses powerful preconfiguration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server-side rendering, intelligent image loading, asset optimization, and data prefetching.

Are there any requirements?

Basic React JS knowledge.

What this course cover?

This course is covering all you need to start working on your own Gatsby JS projects. Students of this course will be learning everything by working on real features building their own Blogging application.

Gatsby JS has a rich ecosystem and requires an initial time investment. That’s why I created this guide where you can find everything in one place.

Short Curriculum

Basics of Gatsby JS and initialization of the project. Explanation of folder structure and instruction on how to create new pages.

Templating system, Different types of stylings, and ways how to pass data to the pages.

Basics of GraphQL, construction of custom queries, resolvers, arguments, and custom types.

Node architecture and creation of new nodes.

Plugin system. Explanation of source and transformer plugins. Sourcing data from a local filesystem and rendering markdown files into actual HTML pages.

Filesystem route API

Pagination feature. Construction of queries to get pagination data to render static pagination pages.

Search feature. Explanation on why do you need a search index and what is a search engine?

SEO search engine optimization improvements. Use of different meta tags and data to get the best search results. Usage of Open graph tags.

RSS feature. Explanation of really simple syndication and creation of XML file. Subscribing to the blog page through RSS aggregators.

Deployment to Gatsby cloud. Pushing the code to Github repo. Previewing the application on the internet.

PWA features. Explanation of progressive web application, offline support, and installation of the app like a native one.

Context theme provider. How to use context providers and what is the best spot to implement them.

Who this course is for
People looking for the practical Gatsby development guide
Beginner developers eager to start working on web apps
Experienced developers discovering new development opportunities