docs(tutorial): finishing touches

[meganesu]

Description

Adds finishing touches to the new Gatsby Tutorial, as well as assorted copy edits / typo fixes.

Finishing touches include:

• Add checks for understanding and key takeaways to Part 1.
• Create an example repo that follows along with the Tutorial content.
  • Add callouts to each part at the beginning (where we left off) and the end (what we did in this part)
• Update the link to the example site in Part 1 to point to the example repo deployed on Gatsby Cloud.
• Add image showing folder structure with blog subdirectories and hero images (Part 7).

ch32545

Documentation

/docs/tutorial/*

[thinkybeast]

👍 !

[jxnblk]

[jxnblk]

Definitely not blocking, but you can put something like this into its own MDX file to turn it into a component, then import it places like this and in the other parts, e.g. import CommitHistoryCallout from './commit-history-callout.mdx

Another thought I had when looking at this: if you have 1-to-1 commits with each step, you could link directly to that commit in GitHub

[meganesu]

Oh nice, I'd never thought about importing from other MDX files.

Also I thought about adding links to the exact commits, but I've been rebasing and force-pushing the demo site when I make tweaks to the Tutorial content, which messes up all the commit hashes. I figured it would be less work to maintain to use a generic link to the repo. (Unless maybe there's some git trick for updating branches when you rebase?)