Fix for dynamic routes with app router SSR

2024-03-07 11:36:12 -06:00
parent 83ede65b5e
commit 9d8c110044
18 changed files with 327 additions and 229 deletions
@@ -1,11 +1,17 @@
 import dynamic from 'next/dynamic';
+import { lists } from '../../mock';

 const App = dynamic(() => import('../../components/AppShell'), {
  ssr: false,
 });

-export function generateStaticParams() {
-  return [{ all: ['tabs', 'feed'] }];
+export async function generateStaticParams() {
+  return [
+    { all: ['feed'] },
+    { all: ['lists'] },
+    ...lists.map(list => ({ all: ['lists', list.id] })),
+    { all: ['settings'] },
+  ];
 }

 export default function Page() {
@@ -40,8 +40,16 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body>{children}</body>
-      <Script type="module" src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js" />
-      <Script noModule src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js" />
+      <Script
+        type="module"
+        src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js"
+        strategy="lazyOnload"
+      />
+      <Script
+        noModule
+        src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js"
+        strategy="lazyOnload"
+      />
    </html>
  );
 }