Soy nuevo en next.js y estoy atascado en un problema. Tengo algunos enlaces estáticos que redirigen a search.tsx en la carpeta de páginas.
comportamiento actual: ahora, si hago clic en cualquier enlace, primero esperará la respuesta de la API y luego mostrará la página de búsqueda
esperado: - debería renderizarse primero y luego esperar la respuesta de la API
buscar.tsx
export const getServerSideProps = async (props: any) => { const apiResponse = await api.getProperties() return { props: { ...apiResponse, }, } } const Search = (props: any) => { </searchResult> } export default SearchgetServerSideProps se ejecuta cada vez que se solicita la página que exporta esta función async , getServerSideProps se usa para SSR , si desea representar la página y luego fetch datos, tendrá que hacerlo en el lado del client , puede usar useEffect que se puede usar para obtener datos porque solo se ejecuta en el lado del client .
useEffect(()=>{ async function fetchData(){ // getch data fro API and set state }, fetchData() },[]) consulte aquí para obtener más información sobre getServerSideProps