Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
12 Hour(s) 0 Minute(s)
Language
English
Taught by
Eincode by Filip Jerga, Filip Jerga
Rating
4 views
Course Overview
Learn popular Gatsby JS(Gatsby v3) framework. Use React/GraphQL to build your own blog page with JAMStack architecture.
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.
Course Content
- 10 section(s)
- 99 lecture(s)
- Section 1 Introduction
- Section 2 Project Initialization
- Section 3 Styles & Templates
- Section 4 GraphQL & Gatsby
- Section 5 Data sources
- Section 6 Application revamp
- Section 7 Filesystem route API
- Section 8 Pagination
- Section 9 Search Feature
- Section 10 Search engine optimization
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
Skills covered in this course
Reviews
-
AAble Aura
going on very fastly new persons taking time to understand
-
NNorah Klintberg Sakal
This coding course was great! The teacher was very thorough, concise and great for learning Gatsby. The course was easy to follow and the examples were very helpful. Overall, I would highly recommend this course to anyone looking to learn Gatsby!
-
TTed Irland
This was another well-designed course from Filip. Although the use-case for Gatsbyjs is quite narrow at the time of writing this, this course will give you a solid base in the framework and knowledge of the plugin system. The only thing that keeps this from being a 5 star course for me is the lack of walkthrough on how to create blog posts from the application / how to post markup content to a CMS like Strapi. Regardless, Filip gives enough background in the framework so that those interested in expanding upon the MVP built here will be able to do so.
-
PPopescu Daniel
Very good tutorial on starting up with Gatsby, a little experience with React is necessary. Concise and easy to follow.
