Actualmente estoy usando getStaticProps y getStaticPaths para crear archivos HTML estáticos, pero el problema es que cada vez que se crea, se generan alrededor de 10 000 páginas o más. No sé cómo guardar la página getServerSideProps's , de acuerdo con los documentos, dice que la compila en el momento de la solicitud, que es lo que quiero, pero no menciona nada sobre cómo guardarla como getStaticProps .
No puede "convertir" getStaticProps , también conocido como SSR-Pages, en páginas estáticas, pero puede lograr prácticamente el mismo efecto/velocidad almacenando en caché las solicitudes de API que la página requiere para poder construirse.
Si aloja en Vercel, puede hacer algo como esto:
res.setHeader("Cache-Control", "s-maxage=60, stale-while-revalidate=59")De los documentos:
Esto le dice a nuestro CDN que el valor es nuevo por un segundo. Si una solicitud se repite dentro del siguiente segundo, el valor previamente almacenado en caché todavía está fresco. El encabezado x-vercel-cache presente en la respuesta mostrará el valor HIT. Si la solicitud se repite entre 1 y 60 segundos más tarde, el valor almacenado en caché quedará obsoleto pero aún se procesará. En segundo plano, se realizará una solicitud de revalidación para llenar la memoria caché con un valor nuevo. x-vercel-cache tendrá el valor STALE hasta que se actualice la memoria caché.
Si su contenido nunca cambia, puede eliminar stale-while-revalidate y configurar s-max-age muy alto, de modo que la respuesta permanezca almacenada en caché hasta su próxima implementación:
export async function getServerSideProps({ res }) { res.setHeader('Cache-Control', 's-max-age=10000000000') return { props: { } }; }Fuente: https://vercel.com/docs/concepts/edge-network/caching