Gatsby: Support right-to-left text in gatsbyjs.org

[tesseralis]

Summary

Support right-to-left text so we can have translations in languages such as Arabic and Hebrew. We can use a library such as react-with-direction.

Motivation

Support for right-to-left text is needed for languages such as Arabic and Hebrew.

Implementation Notes

• You can reference the implementation of RTL in https://he.reactjs.org and other RTL languages to get a sense of what changes are needed.
• Make sure the Gatsby site still works correctly when switching between RTL and LTR (no stale styles)
• Make sure the site is still accessible, and the component order still "flows" correctly
• Since we haven't finished integrating the translation repos yet, the best way to test this is to present the English content on a RTL layout, and be able to switch it with a toggle that's currently set to false.
• It's okay to just make changes related to components/pages we're going to translate first: anything related to Docs.

[jonniebigodes]

with all of the going back and forward regarding the translation effort that is in progress, looks like we forgot about this one. Nice one 👍

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[Giladx]

Non Latin slugs is also big issue in this same subject.
I really want on one of my projects (in hebrew) to use Gatsby, but this both issues (RTL & Slugs) made me switch to a different solution.

[umuur]

Hello, can I take this issue?