Skip to content

Commit

Permalink
apply changes from feedback of walking through the tutorial (#33291)
Browse files Browse the repository at this point in the history
  • Loading branch information
aghreed authored Sep 27, 2021
1 parent 98ae718 commit 08c5b2a
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 2 deletions.
6 changes: 6 additions & 0 deletions docs/docs/tutorial/part-1/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -264,6 +264,12 @@ To connect your code on GitHub to your Gatsby Cloud account, do the following:
1. If this is your first time connecting GitHub to Gatsby Cloud, you'll need to give Gatsby Cloud permission to access your GitHub account. When asked, **"Where should we host this new project?"** click the **"Select destination"** button.
<Announcement style={{marginBottom: "1.5rem"}}>
**Note:** If you are part of more than one GitHub organization, you will need to first select the organization with which the repository resides at this step before selecting the repository itself.
</Announcement>
![The "Repository" tab of the "Add a site" screen.](./04-select-destination.png)
1. A new browser window should open, where GitHub will ask you whether you want to give Gatsby Cloud permission to your GitHub repositories. You can choose whether to give Gatsby Cloud access to all of your GitHub repositories or to only the repository you created (`my-first-gatsby-site`). Then click **"Install"**.
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/tutorial/part-5/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -415,7 +415,7 @@ query MyQuery {

Now that your GraphQL query is all set up, it's time to replace the page query in your Blog page component.
1. Start by swapping out the `allFile` page query in your Blog page for the one you just created using `allMdx`. (Don't forget to delete the query name!) You'll also need to import the `graphql` tag from the `gatsby` package.
1. Start by swapping out the `allFile` page query in your Blog page for the one you just created using `allMdx`. (Don't forget to delete the query name!) And if you haven't already from completing the [task in Part 4](/docs/tutorial/part-4/#task-use-a-page-query-to-pull-the-list-of-post-filenames-into-your-blog-page), you'll need to import the `graphql` tag from the `gatsby` package.
```js:title=src/pages/blog.js
import * as React from 'react'
import { graphql } from 'gatsby' // highlight-line
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/tutorial/part-6/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -308,7 +308,7 @@ The diagram below shows how the query, query variables, and response all fit tog
When you use Gatsby's File System Route API, it automatically adds some props into the page template component for each page:

* The `id` for the data layer node is used to create the page.
* The `id` for the data layer node used to create the page.
* The field you used to create the dynamic part of the route. (In this case, the `slug` field.)

Under the hood, Gatsby makes both of these values available to use as query variables in your page queries.
Expand Down

0 comments on commit 08c5b2a

Please sign in to comment.