Creating a Multilingual Website with Gatsby & Cosmic JS
How to create a website with multiple language support using Gatsby.js and Cosmic JS with no localization plugin needed.
Using React Hooks in Gatsby
Since you can do anything React can do using Gatsby, it’s easy to start using hooks as part of your Gatsby websites. Let’s see how it’s done.
How To Set Up Your First Gatsby Website
Gatsby is a React framework that allows you to create static and serverless JavaScript apps. In this tutorial, you will install the Gatsby Starter default template, modify metadata in the Gatsby config file, run the development server and view the Gatsby site locally, and get a short introduction to JSX and Gatsby’s image optimization capabilities.
Images in Gatsby Using gatsby-image & gatsby-plugin-sharp
Here’s how to work with images in a Gatsby.js website. You’ll learn about how to use Sharp and the Gatsby image component for seamless responsive images.
How To Use Static Files in Gatsby
Like many popular Static Site Generators, Gatsby embraces the use of dynamic web frameworks, using React on the frontend and Node.js on the backend. But Gatsby can also pull in static files and assets, like images, CSS files, and JavaScript files. This tutorial will show you how to best go about adding images, stylesheets globally and as modules, JavaScript files, and arbitrary files like PDFs for your users to download.
Exploring TinaCMS with Gatsby
Improve your writing experience by adding TinaCMS, an in-browser GUI that gives you real-time editing capabilities, to your Gatsby website.
State Management in Gatsby using the wrapRootElement Hook
Here’s an easy way to add a state management provider that wraps your whole Gatsby site using Gatsby’s built-in wrapRootElement hook.
Making Gatsby a PWA: Service Worker and Web App Manifest
Let’s add offline support to your Gatsby site with the help of two plugins: gatsby-plugin-manifest and gatsby-plugin-offline.
How To Build a Bookstore Landing Page with Gatsby and TypeScript
Landing pages are web pages that promote a product or service, providing a place for customers to land when arriving at a site. In this tutorial, you will build a landing page with TypeScript and the Gatsby static site generator.
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.
