Actualmente estoy convirtiendo mi proyecto React.js en Next.js.
Sin embargo, tengo algunos problemas con los accesorios en este momento.
Anteriormente con React, hice llamadas a la API en app.js y luego las pasé a la navbar de navegación para usarlas en un formulario de búsqueda.
Con Next.js no hay realmente una opción ya que las llamadas API están bloqueadas desde el archivo _app.js . Que es donde está mi layout.js (Nav/Footer).
opciones que estoy considerando:
index.js para que sea como app.js en lugar de la página home.js_app.js y llamar a la API de stock en cada página.Siento que hay una mejor manera de llamar a la API una vez y pasarla a los niños necesarios. Si alguien puede darme alguna recomendación sobre cómo combatir el intercambio de accesorios de alto nivel, ¡sería genial!
Considere hacer lo siguiente
1.Si los accesorios se necesitan de forma generalizada en la aplicación, por ejemplo. tema u objeto de autenticación, cree un proveedor de contexto y envuelva el componente _app.js con él.
2.Si se necesitan accesorios en solo unos pocos componentes, encuentre el ancestro común más cercano y haga la búsqueda allí como lo haría normalmente en React. además, en Nextjs, puede usar getServerSideProps para pre-renderizar páginas en cada solicitud