Estoy trabajando con next.js y todo parece estar bien cuando uso la aplicación con npm run dev .
Pero cuando exporto mi aplicación next.js a archivos estáticos con el comando npm run build y trato de abrir mi proyecto durante parte del segundo, la pantalla no tiene estilo, esto causa una experiencia de usuario muy mala.
Sé que esto se llama FOUC, pero ¿cómo evitarlo en la exportación estática next.js?
PD: estoy usando la biblioteca de componentes con estilo, no estoy seguro de si eso afecta el resultado final.
Es probable que esta sea una solución para cualquier otra persona, pero vi este comportamiento cuando envolví por error todo el contenido de la página dentro de la etiqueta principal. Je, ups.
Así que no anule Documento con algo como esto como lo hice yo, asegúrese de cerrar esa etiqueta principal antes:
<Html lang="en"> <Head> <body> <Main /> <NextScript /> </body> </Head> </Html>