Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "Create a gatsby-config.js file in your root directory and add the following."

A block of code is set as follows:

module.exports = {
  plugins: [],
};

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

import React from "react"
import {Link} from "gatsby"
export default function Index() => {
    return (
        <div>
            <h1>My Landing Page</h1>
            <p>This is my landing page.</p>
            <Link to="/about">About Me</Link>
        </div>
    )
}

Any command-line input or output is written as follows:

gatsby develop -H 0.0.0.0

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: "When you hit the Play button above the query, you will see the result of that query on the central right column, with a JSON object containing the data property and our query's result inside it."

Tips or Important Notes

Appear like this.