Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit cb3d68a

Browse files
authored
add egghead embeds for new mdx screencasts (gatsbyjs#21781)
1 parent 068ef1b commit cb3d68a

File tree

2 files changed

+15
-0
lines changed

2 files changed

+15
-0
lines changed

docs/docs/mdx/getting-started.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,11 @@ Alternatively, you may be looking to configure an existing blog site to use MDX.
6060
> `tableOfContents` and you haven't previously added a `gatsby-source-filesystem`
6161
> pointing at `src/pages` in your project, you'll want to add one now.
6262
63+
<EggheadEmbed
64+
lessonLink="https://egghead.io/lessons/gatsby-set-up-a-gatsby-site-to-use-mdx-with-gatsby-plugin-mdx-with-a-default-layout"
65+
lessonTitle="Set up a Gatsby site to use MDX with gatsby-plugin-mdx with a default layout"
66+
/>
67+
6368
## What's next?
6469

6570
Go check out the [writing MDX guide](/docs/mdx/writing-pages) to find out what else you can do

docs/docs/mdx/importing-and-using-components.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,11 @@ You can import your own components.
2424

2525
**Note**: steps for importing custom components or MDX documents from a relative location in your project are also covered in the [Writing Pages in MDX guide](/docs/mdx/writing-pages/).
2626

27+
<EggheadEmbed
28+
lessonLink="https://egghead.io/lessons/gatsby-import-and-use-a-react-component-in-markdown-with-mdx"
29+
lessonTitle="Import and use a React component in Markdown with MDX"
30+
/>
31+
2732
## Make components available globally as shortcodes
2833

2934
To avoid having to import the same component inside of every MDX document you author, you can add components to an `MDXProvider` to make them globally available in MDX pages. This pattern is sometimes referred to as shortcodes.
@@ -63,6 +68,11 @@ The Chart is also available since it was passed into the MDXProvider:
6368

6469
Because the `<Message />` and `<Chart />` components were passed into the provider, they are available for use in all MDX documents.
6570

71+
<EggheadEmbed
72+
lessonLink="https://egghead.io/lessons/gatsby-make-react-components-globally-available-as-shortcodes-in-mdx"
73+
lessonTitle="Make React components globally available as shortcodes in MDX"
74+
/>
75+
6676
### Additional resources
6777

6878
- Follow this detailed [example on using MDX](/examples/using-MDX) to import and render components.

0 commit comments

Comments
 (0)