Estoy creando un blog con Next.js y GraphCMS, y tengo un componente ArticleList que aparece en varias páginas (por ejemplo, en mi página de inicio, debajo de cada artículo como recomendación, etc.).
Sin embargo, dado que la lista de artículos se completa desde mi CMS, estoy usando getStaticProps. Y dado que no puedo usar getStaticProps en el nivel de componente, estoy reescribiendo la misma función getStaticProps en cada página. ¿Hay alguna manera de reutilizar fácilmente este código y compartirlo entre páginas?
Me encantaría saber si hay mejores prácticas para esto.
Podría definir su función getStaticProps en un archivo separado, usando una reexportación , por ejemplo:
// lib/getStaticProps.js export function getStaticProps(context) { return { props: { // some cool props }, } } // pages/index.js export default function Page(props) { // ... } export { getStaticProps } from "../lib/getStaticProps"