Estoy interesado en hacer una barra de navegación dinámica que obtenga datos de mongodb.
Esta es mi estructura:
# src * [components/] * [Navbar.js]] * [Layout.js]] * [pages/] * [index.js] * [_app.js] Aunque no es posible getServerSideProps dentro de Components si no me equivoco, ni dentro de _app.js .
He oído hablar de getInitialProps pero no he podido entenderlo y también conduciría a una perforación de hélice desagradable.
_app.js -> Diseño -> Barra de navegación
Ahora, ¿cómo haría una barra de navegación con enlaces dinámicos de acuerdo con lo que se obtiene de mondodb?
Creo que nextJs tiene una documentación sobre este tema. https://nextjs.org/docs/basic-features/pages
export async function getStaticPaths() { // Call an external API endpoint to get posts const res = await fetch('https://.../mongodb') const posts = await res.json() // Get the paths we want to pre-render based on posts const paths = posts.map((post) => ({ params: { id: post.id }, })) // We'll pre-render only these paths at build time. // { fallback: false } means other routes should 404. return { paths, fallback: false } }La idea es generar una lista de caminos. Pero su mongodb debe llamarse en tiempo de compilación, no en tiempo de ejecución.