HOT
blank

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

Development

Rating4
Enroll Now

Gatsby JS Developer's Guide – Important Parts & Blog App, available at $49.99, has an average rating of 4, with 99 lectures, based on 33 reviews, and has 435 subscribers.

You will learn about 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 This course is ideal for individuals who are People looking for the practical Gatsby development guide or Beginner developers eager to start working on web apps or Experienced developers discovering new development opportunities It is particularly useful for People looking for the practical Gatsby development guide or Beginner developers eager to start working on web apps or Experienced developers discovering new development opportunities.

Enroll now: Gatsby JS Developer's Guide – Important Parts & Blog App

Summary

Title: Gatsby JS Developer's Guide – Important Parts & Blog App

Price: $49.99

Average Rating: 4

Number of Lectures: 99

Number of Published Lectures: 99

Number of Curriculum Items: 99

Number of Published Curriculum Objects: 99

Original Price: €129.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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 Curriculum

Chapter 1: Introduction

Lecture 1: Course Preview

Lecture 2: How to watch the course

Chapter 2: Project Initialization

Lecture 1: Section Introduction

Lecture 2: Init Gatsby

Lecture 3: Pages

Lecture 4: Header Component

Lecture 5: Gatsby links

Lecture 6: Layout

Lecture 7: Error Page and Links

Chapter 3: Styles & Templates

Lecture 1: Section Introduction

Lecture 2: Gatsby Build

Lecture 3: About stylings

Lecture 4: Module stylings

Lecture 5: Page from template

Lecture 6: Pass data to page

Lecture 7: Iterate posts

Lecture 8: Post detail page

Chapter 4: GraphQL & Gatsby

Lecture 1: Section Introduction

Lecture 2: GraphQL

Lecture 3: Custom types

Lecture 4: More types

Lecture 5: Non nullable and array

Lecture 6: Nested fields

Lecture 7: Args and filter

Lecture 8: Complex filter

Lecture 9: Fetch posts in resolve

Lecture 10: Get posts through GraphQL

Lecture 11: Create node

Lecture 12: Get node to page

Chapter 5: Data sources

Lecture 1: Section Introduction

Lecture 2: Source plugin

Lecture 3: Source data to blogs page

Lecture 4: Transformer plugin

Lecture 5: Markdown page

Lecture 6: Construct slug

Lecture 7: Create blog pages

Lecture 8: Single Query

Lecture 9: Display html in blog detail

Lecture 10: Changes Slug

Lecture 11: Removes obsolete files

Chapter 6: Application revamp

Lecture 1: Section Introduction

Lecture 2: Adding bulma

Lecture 3: Header and Footer

Lecture 4: Featured Blog

Lecture 5: Blog Listing

Lecture 6: Sorting parameters

Lecture 7: Markdown stylings

Lecture 8: Blog styling fix

Chapter 7: Filesystem route API

Lecture 1: Fillesystem route api

Lecture 2: Filesystem additional explanations

Chapter 8: Pagination

Lecture 1: Section Introduction

Lecture 2: Pagination Start

Lecture 3: Get paginated data

Lecture 4: Pagination buttons

Lecture 5: Buttons conditions

Lecture 6: Buttons Disabled fix

Chapter 9: Search Feature

Lecture 1: Search Introduction

Lecture 2: Search Implementation

Lecture 3: Search index

Lecture 4: Search Engine

Lecture 5: Search engine additional info

Lecture 6: Get value from input

Lecture 7: Search Improvements

Lecture 8: Performing Search

Lecture 9: Navigate to searched page

Lecture 10: Search Finished

Lecture 11: Add search index dep

Chapter 10: Search engine optimization

Lecture 1: Section Introduction

Lecture 2: What is SEO

Lecture 3: Server side SEO

Lecture 4: Title and description

Lecture 5: Pass props to seo

Lecture 6: Open graph

Lecture 7: Detailed seo

Chapter 11: Rss

Lecture 1: Section Introduction

Lecture 2: Rss and environment variables

Lecture 3: Rss generator

Lecture 4: Small fix

Lecture 5: Rss links

Chapter 12: Deployment

Lecture 1: Push to Github

Lecture 2: Deployment

Lecture 3: Fixing ENV variables

Chapter 13: PWA Features

Lecture 1: Section Introduction

Lecture 2: Adding PWA support

Lecture 3: Adding Offline Support

Lecture 4: Testing PWA

Lecture 5: wrapRootElement

Instructors

Rating Distribution

  • 1 stars: 2 votes
  • 2 stars: 1 votes
  • 3 stars: 2 votes
  • 4 stars: 7 votes
  • 5 stars: 21 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024