Merge pull request #2509 from pyth-network/cprussin/ui-50-fix-loading-jankiness

wip: add nextjs loading state

Author: cprussin

apps/insights/next.config.js

@@ -3,6 +3,10 @@ const config = {
 
   pageExtensions: ["ts", "tsx", "mdx"],
 
+  experimental: {
+    useCache: true,
+  },
+
   logging: {
     fetches: {
       fullUrl: true,

apps/insights/src/app/layout.ts

@@ -1,5 +1,2 @@
 export { Root as default } from "../components/Root";
 export { metadata, viewport } from "../metadata";
-
-export const dynamic = "error";
-export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/(main)/loading.ts

@@ -0,0 +1 @@
+export { ChartPageLoading as default } from "../../../../components/PriceFeed/chart-page";

apps/insights/src/app/price-feeds/[slug]/(main)/page.ts

@@ -0,0 +1,3 @@
+export { ChartPage as default } from "../../../../components/PriceFeed/chart-page";
+
+export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/@feedCountBadge/default.ts

@@ -0,0 +1 @@
+export { FeedCountBadge as default } from "../../../../components/PriceFeed/feed-count-badge";

apps/insights/src/app/price-feeds/[slug]/@header/default.ts

@@ -0,0 +1 @@
+export { PriceFeedHeader as default } from "../../../../components/PriceFeed/header";

apps/insights/src/app/price-feeds/[slug]/layout.ts

@@ -1,11 +1,14 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
+import type { ReactNode } from "react";
 
 import { Cluster, getFeeds } from "../../../services/pyth";
 
 export { PriceFeedLayout as default } from "../../../components/PriceFeed/layout";
 
 type Props = {
+  feedCountBadge: ReactNode;
+  header: ReactNode;
   params: Promise<{
     slug: string;
   }>;
@@ -29,5 +32,4 @@ export const generateMetadata = async ({
     : notFound();
 };
 
-export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/page.ts

@@ -0,0 +1 @@
+export { PublishersLoading as default } from "../../../../components/PriceFeed/publishers";

apps/insights/src/app/price-feeds/[slug]/publishers/loading.tsx

@@ -1,4 +1,3 @@
 export { Publishers as default } from "../../../../components/PriceFeed/publishers";
 
-export const dynamic = "error";
 export const revalidate = 3600;