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.
Let’s add offline support to your Gatsby site with the help of two plugins: gatsby-plugin-manifest and gatsby-plugin-offline.
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.
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.
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.
In this quick post I show your how to use the JavaScript Internationalization API (Intl) to create a multilingual menu in a Gatsby website.
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.
Progressive Robot: Your Gateway to Comprehensive IT Solutions — Specializing in Web Development, Mobile App Development, and Expert IT Services.
© All Copyright by Progressiverobot.com
VAT Number ( 506152326 )
