Gatsby: [1.0] ¿Puede configurar el componente de diseño al crear páginas?

Creado en 7 jun. 2017  ·  3Comentarios  ·  Fuente: gatsbyjs/gatsby

¿Está esto planeado o de alguna manera ya es posible?

question or discussion

Comentario más útil

Es posible a través de la api de la página onCreatePage en un archivo gatsby-node, algo como:

exports.onCreatePage = ({ page }) => {
  if (page.path.startsWith('/getting-started')) {
    page.layout = 'getting-started';
  } else if (page.path.startsWith('/components')) {
    page.layout = 'components';
  }
};

donde layout corresponde a un archivo de componente en src/layouts

Todos 3 comentarios

Es posible a través de la api de la página onCreatePage en un archivo gatsby-node, algo como:

exports.onCreatePage = ({ page }) => {
  if (page.path.startsWith('/getting-started')) {
    page.layout = 'getting-started';
  } else if (page.path.startsWith('/components')) {
    page.layout = 'components';
  }
};

donde layout corresponde a un archivo de componente en src/layouts

Sí, está destinado a funcionar ... aunque mientras realizaba la actualización de RRv4, dejé de admitir varios diseños debido a la complejidad de hacer que las cosas funcionen. Estoy terminando una refactorización de esta parte del código esta mañana, lo que simplifica mucho las cosas y debería hacer que sea mucho más fácil de soportar:

  1. múltiples diseños
  2. agregar consultas a los diseños
  3. diseños jerárquicos

¡Increíble, gracias!

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

magicly picture magicly  ·  3Comentarios

ghost picture ghost  ·  3Comentarios

theduke picture theduke  ·  3Comentarios

Oppenheimer1 picture Oppenheimer1  ·  3Comentarios

3CordGuy picture 3CordGuy  ·  3Comentarios