Soy nuevo en Gatsby.js y me preguntaba cómo cambiar la dirección a RTL. No pude encontrar el index.html principal. Estoy seguro de que hay una manera, pero no encontré nada en la documentación.
No encontrará exactamente "cómo cambiar la dirección del sitio web en Gatsby" porque, como cualquier otro marco web, este tipo de personalización pertenece a CSS (u otros archivos preprocesados como SCSS).
Puede encontrar una amplia documentación sobre la compatibilidad con estilos integrados en: https://www.gatsbyjs.com/docs/how-to/styling/built-in-css/
No debe personalizar el index.html
(que se coloca en la carpeta pública) porque se genera en cada compilación, por lo que si cambia algo en él, tan pronto como vuelva a compilar su sitio, se perderán los cambios.
Su mejor oportunidad es usar estilos globales, que también puede encontrar documentación en: https://www.gatsbyjs.com/docs/creating-global-styles/
Por ejemplo:
import React from "react" import "./layout.css" export default function Layout({ children }) { return <div>{children}</div> }
Y en tu layout.css
:
div { background: red; color: white; direction: rtl; }