GatsbyJS

How To Convert a Gatsby Site to a Progressive Web App — step-by-step Javascript tutorial on Progressive Robot

How To Convert a Gatsby Site to a Progressive Web App

A Progressive Web App, or PWA, is a type of website that goes beyond the usual limits of web capabilities, using newer technology to bridge the gap between your browser and your operating system. Gatsby developers can deliver users an improved overall browsing experience by converting their apps to PWAs. This tutorial will walk you through using plugins to turn a sample Gatsby site into a PWA by providing a secure context, making a manifest file, and adding a service worker.

Read more
How To Create a Custom Source Plugin in Gatsby — step-by-step Javascript tutorial on Progressive Robot

How To Create a Custom Source Plugin in Gatsby

A source plugin is a bundle of code that handles bringing data into the Gatsby ecosystem from a given source. Sources can be from the local filesystem as with Markdown files, databases, published data feeds, or even completely dynamic remote data sources such as APIs. In this tutorial, you will build your own custom source plugin to bring new data into Gatsby from a real-world API. You will also format the data so that it can be accessed throughout Gatsby.

Read more
How To Deploy a Gatsby Application to an app platform — step-by-step Javascript tutorial on Progressive Robot

How To Deploy a Gatsby Application to an app platform

In this tutorial, you will deploy a Gatsby application to the cloud provider’s App Platform. App Platform is a Platform as a Service that builds, deploys, and manages apps automatically. When combined with the speed of a static site generator like Gatsby, this provides a scalable JAMStack solution that doesn’t require server-side programming.

Read more
How To Generate Pages from Markdown in Gatsby — step-by-step Javascript tutorial on Progressive Robot

How To Generate Pages from Markdown in Gatsby

One of the key features of the popular static site generator Gatsby is its flexibility in consuming content sources. Markdown files are a popular file-based source to use with Gatsby. In this tutorial, you will create a Gatsby-powered static site that builds itself from local Markdown source files, using the gatsby-source-filesystem plugin to collect the files and the gatsby-transformer-remark plugin to convert them into HTML.

Read more
How To Set Up a Gatsby Project with TypeScript — step-by-step Javascript tutorial on Progressive Robot

How To Set Up a Gatsby Project with TypeScript

TypeScript is a superset of JavaScript that adds optional static typing at build time, which cuts down on debugging runtime errors. It’s static-typing abilities go well with a static-site generator like Gatsby, and Gatsby has built-in support for coding in TypeScript. In this tutorial, you’re going to use Gatsby’s built-in capabilities to configure a Gatsby project for TypeScript.

Read more
CHAT