Haciendo uso del componente skeleton de chakra https://chakra-ui.com/skeleton reemplazar el spinner que se usa como fallback con un layout aproximado hecho con skeletons.
Una vez hecho eso, podria moverse el archivo de app/screens/Loading a session/secreens/Loading
A tener en cuenta: Que el skeleton funcione bien en mobile y desktop, se puede usar como referencia products/screens/Products y usar el componente ui/structure/Container
Nice to have: Crear un layout en app/layouts/StoreSkeletonLayout basado en app/layouts/StoreLayout con la data por defecto mientras la tienda esta cargando
matiasperz
commented
4 years ago
Haciendo uso del componente skeleton de chakra https://chakra-ui.com/skeleton reemplazar el spinner que se usa como fallback con un layout aproximado hecho con skeletons.
Una vez hecho eso, podria moverse el archivo de app/screens/Loading a session/secreens/Loading
A tener en cuenta: Que el skeleton funcione bien en mobile y desktop, se puede usar como referencia products/screens/Products y usar el componente ui/structure/Container
Nice to have: Crear un layout en app/layouts/StoreSkeletonLayout basado en app/layouts/StoreLayout con la data por defecto mientras la tienda esta cargando
SUPER RECONTRA NICE TO HAVE: Analizar el user agent y si es un bot (de google o cualquier otro) retornar el header Retry after https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Retry-After en 10 segundos para esperar que termine de buildear