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

Skip to content

Commit 2435fb8

Browse files
chore(docs): Use parser='mdx' for formatting docs using pretti… (gatsbyjs#21671)
1 parent fd86047 commit 2435fb8

File tree

43 files changed

+964
-467
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+964
-467
lines changed

.prettierrc.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,5 +15,11 @@ module.exports = {
1515
semi: true,
1616
},
1717
},
18+
{
19+
"files": "docs/**/*.md",
20+
"options": {
21+
"parser": "mdx"
22+
}
23+
},
1824
],
1925
}

docs/blog/100days/index.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,10 @@ Udemy named Gatsby [the #1 emerging tech skill](https://www.cnbc.com/2019/12/02/
1515

1616
Register below to join the #100daysofGatsby coding challenge!
1717

18-
<EmailCaptureForm formId="6157faa3-5474-48b1-b7e4-e0f45237327f" signupMessage="Get weekly updates on new challenges, ideas for where to start, and step-by-step documentation for completing the challenge." />
18+
<EmailCaptureForm
19+
formId="6157faa3-5474-48b1-b7e4-e0f45237327f"
20+
signupMessage="Get weekly updates on new challenges, ideas for where to start, and step-by-step documentation for completing the challenge."
21+
/>
1922

2023
## Use #100DaysOfGatsby on Social Media
2124

docs/blog/100days/pwa/index.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,15 @@ You may have been introduced to Gatsby as a [“static site generator”](/docs/
1818

1919
But Gatsby is best understood as a Progressive Web App generator, because with Gatsby you can produce websites with native mobile app capabilities. A Progressive Web App (PWA) is a new class of website that takes advantage of the web browser’s access to mobile device APIs, to provide features traditionally only associated with native apps.
2020

21-
<iframe width="560" height="315" src="https://www.youtube.com/embed/z2JgN6Ae-Bo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Progressive Web Apps - PWA Roadshow"></iframe>
21+
<iframe
22+
width="560"
23+
height="315"
24+
src="https://www.youtube.com/embed/z2JgN6Ae-Bo"
25+
frameborder="0"
26+
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
27+
allowfullscreen
28+
title="Progressive Web Apps - PWA Roadshow"
29+
></iframe>
2230
2331
Imagine giving your website enhancements like offline mode, home screen installation, and push notifications. Well, those are exactly the features we want you to add to your Gatsby project this week!
2432

docs/blog/2017-12-20-introducing-the-gatsby-ux-research-program/index.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,6 @@ Other salient feedback includes that people who have used WordPress for a long t
7373
<Pullquote citation="Alec Lomas, AZ, frontend dev and design">
7474
You guys are pretty much nailing it. Just keep killin’ it, I guess!
7575
</Pullquote>
76-
7776
<Pullquote citation="David Luhr, UT, UX">
7877
I’ve played around with static sites in Jekyll in the past, but I’ve always
7978
hit a pain point with how much functionality I could build into the different
@@ -87,7 +86,6 @@ Other salient feedback includes that people who have used WordPress for a long t
8786
of our pages instead of relying on a content management library that was kind
8887
of slow to develop in.
8988
</Pullquote>
90-
9189
<Pullquote citation="Juliette Pichot, Germany, web developer">
9290
If you ever decide to sell to consumers, I really think that the speed /
9391
responsiveness of Gatsby is a really good selling point. Like when I tried to

docs/blog/2018-04-05-gatsby-video-tutorials/index.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,13 @@ Another unique distinction is the complementary ways Contentful and Gatsby proce
2020

2121
Ready to dive in? [All four parts of Khaled’s video series are now available on YouTube](https://www.youtube.com/watch?v=Ek4o40w1tH4&list=PL8KiuH6vpACV-F7jXribe4YveGBhBeG9A). You can also [find the source code on GitHub](https://github.com/Khaledgarbaya/gatsby-contentful-site).
2222

23-
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PL8KiuH6vpACV-F7jXribe4YveGBhBeG9A" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
23+
<iframe
24+
width="560"
25+
height="315"
26+
src="https://www.youtube.com/embed/videoseries?list=PL8KiuH6vpACV-F7jXribe4YveGBhBeG9A"
27+
frameborder="0"
28+
allow="autoplay; encrypted-media"
29+
allowfullscreen
30+
></iframe>
2431
2532
Additionally, for a great Contentful + Gatsby blog starter, you can clone the [gatsby-contentful-starter](https://github.com/contentful-userland/gatsby-contentful-starter) repo and be up and running in no time.

docs/blog/2018-04-11-trying-out-gatsby-at-work-and-co/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Most recently, I had the opportunity to lead the first Gatsby project at Work &
1313
Our project was to build a new website for [Whittle School & Studios](https://www.whittleschool.org/en). Whittle is an innovative educator that will soon open campuses in the United States and China.
1414

1515
<video controls="controls" autoplay="true" loop="true">
16-
<source type="video/mp4" src="./whittle.mp4"></source>
16+
<source type="video/mp4" src="./whittle.mp4" />
1717
<p>Your browser does not support the video element.</p>
1818
</video>
1919

docs/blog/2018-08-09-swag-store/index.md

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,14 @@ We’ve spent the last couple weeks working the kinks out, and we couldn’t be
1818
src="./images/gatsby-swag-twitter.jpg"
1919
/>
2020
<figcaption>
21-
Tweets from{" "}
22-
<a href="https://twitter.com/DeaNHtiD99/status/1023204484183416832">Dean</a>,{" "}
23-
<a href="https://twitter.com/ARebelBelle/status/1020044426712735744">
21+
{/* prettier-ignore */}
22+
Tweets from <a href="https://twitter.com/DeaNHtiD99/status/1023204484183416832">
23+
Dean
24+
</a>, <a href="https://twitter.com/ARebelBelle/status/1020044426712735744">
2425
Elle
25-
</a>,{" "}
26-
<a href="https://twitter.com/chaseadamsio/status/1021896138503245824">
26+
</a>, <a href="https://twitter.com/chaseadamsio/status/1021896138503245824">
2727
Chase
28-
</a>
29-
, and <a href="https://twitter.com/kato_katherine/status/1021967765400211456">
28+
</a>, and <a href="https://twitter.com/kato_katherine/status/1021967765400211456">
3029
Katherine
3130
</a> showing off their new Gatsby swag.
3231
</figcaption>

docs/blog/2018-09-27-reach-router/index.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,12 +36,10 @@ A primary focus (no pun intended) of @reach/router is to manage focus in client-
3636
a router, managing focus on route transitions requires a lot effort and
3737
knowledge on your part.
3838
</Pullquote>
39-
4039
<Pullquote>
4140
Reach Router provides out-of-the-box focus management so your apps are
4241
significantly more accessible without you breaking a sweat.
4342
</Pullquote>
44-
4543
<Pullquote>
4644
When the location changes, the top-most part of your application that changed
4745
is identified and focus is moved to it. Assistive devices then announce to the

docs/blog/2018-10-04-journey-to-the-content-mesh/index.md

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,12 @@ When website teams want to add search, they can turn to [Algolia](https://www.al
2020
Teams are adopting these services because each is tailored to a specific use-case; the generic enterprise CMS alternative is often optimized for none.
2121

2222
<figure>
23-
<img alt="The modularization of the CMS" height="400" src="./modular-cms-architecture.png" />
24-
<figcaption>
25-
The modularization of the CMS
26-
</figcaption>
23+
<img
24+
alt="The modularization of the CMS"
25+
height="400"
26+
src="./modular-cms-architecture.png"
27+
/>
28+
<figcaption>The modularization of the CMS</figcaption>
2729
</figure>
2830

2931
## Emergence of the Content Mesh
@@ -45,10 +47,12 @@ Change is being spurred by the confluence of three revolutions in how we create
4547
- _Performance._ As mobile surpasses 50% of internet traffic, high-performance is becoming a must-have, not a nice-to-have.
4648

4749
<figure>
48-
<img alt="Three areas of rapid innovation" height="300" src="./three-website-revolutions.png" />
49-
<figcaption>
50-
Three areas of rapid innovation
51-
</figcaption>
50+
<img
51+
alt="Three areas of rapid innovation"
52+
height="300"
53+
src="./three-website-revolutions.png"
54+
/>
55+
<figcaption>Three areas of rapid innovation</figcaption>
5256
</figure>
5357

5458
These technological changes have made modern web technology both _essential_ for creating fresh, novel, and engaging digital experiences, and _more accessible_ for the enterprise.
@@ -74,8 +78,10 @@ In our conclusion, [Creating Compelling Experiences](/blog/2018-10-18-creating-c
7478
## The Modern Website Landscape
7579

7680
<figure>
77-
<img alt="The modern website landscape" src="./content-mesh.png" height="300" />
78-
<figcaption>
79-
The modern website landscape
80-
</figcaption>
81+
<img
82+
alt="The modern website landscape"
83+
src="./content-mesh.png"
84+
height="300"
85+
/>
86+
<figcaption>The modern website landscape</figcaption>
8187
</figure>

docs/blog/2018-10-10-unbundling-of-the-cms/index.md

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,12 @@ One popular, paywalled, news site that currently stores all content and data in
3434
Another digital consumer brand moved from using Sitecore as a content and development platform to using [Contentful](https://www.contentful.com/) as a [headless CMS](/docs/headless-cms/), [Yotpo](https://www.yotpo.com/) for user-generated content -- primarily reviews, while development transitioned to React to provide a modern look and feel.
3535

3636
<figure>
37-
<img alt="The modularization of the CMS" height="400" src="./modular-cms-architecture.png" />
38-
<figcaption>
39-
The modularization of the CMS
40-
</figcaption>
37+
<img
38+
alt="The modularization of the CMS"
39+
height="400"
40+
src="./modular-cms-architecture.png"
41+
/>
42+
<figcaption>The modularization of the CMS</figcaption>
4143
</figure>
4244

4345
## Integrating modular services
@@ -49,10 +51,12 @@ With these solutions available, customers can pick vendors _à la carte_. The co
4951
Enterprises who have purchased these CMS solutions are left asking themselves one of the oldest questions in corporate IT: should they stick with their single-vendor application suite, with inferior but integrated modules? Or, unlock a way to integrate the best-of-breed solutions?
5052

5153
<figure>
52-
<img alt="The modularization of the CMS" height="400" src="./headless-cms-landscape.png" />
53-
<figcaption>
54-
The [headless CMS](/docs/headless-cms/) landscape
55-
</figcaption>
54+
<img
55+
alt="The modularization of the CMS"
56+
height="400"
57+
src="./headless-cms-landscape.png"
58+
/>
59+
<figcaption>The [headless CMS](/docs/headless-cms/) landscape</figcaption>
5660
</figure>
5761

5862
## Making integration feasible via a content mesh

0 commit comments

Comments
 (0)