vercel · ijjk · Sep 19, 2022 · Sep 19, 2022
@@ -0,0 +1,10 @@
+export default function Root({ children }) {
+  return (
+    <html className="this-is-another-document-html">
+      <head>
+        <title>{`hello world`}</title>
+      </head>
+      <body className="this-is-another-document-body">{children}</body>
+    </html>
+  );
+}
@@ -1,3 +1,5 @@
+'client';
+
 import { useState, useEffect } from 'react';
 
 import style from './style.module.css';

@@ -1,3 +1,5 @@
+'client';
+
 import { useState, useEffect } from 'react';
 
 import styles from './style.module.css';

@@ -1,15 +1,7 @@
-export async function getServerSideProps({ params }) {
-  return {
-    props: {
-      id: params.id,
-    },
-  };
-}
-
 export default function DeploymentsPage(props) {
   return (
     <>
-      <p>hello from app/dashboard/deployments/[id]. ID is: {props.id}</p>
+      <p>hello from app/dashboard/deployments/[id]. ID is: {props.params.id}</p>
     </>
   );
 }
@@ -0,0 +1,8 @@
+export default function DeploymentsLayout({ message, children }) {
+  return (
+    <>
+      <h2>Deployments hello</h2>
+      {children}
+    </>
+  );
+}
@@ -1,3 +1,5 @@
+'client';
+
 export default function LazyComponent() {
   return (
     <>

@@ -1,4 +1,4 @@
-import { ClientComponent } from './test.client.js';
+import { ClientComponent } from './test.js';
 
 export default function DashboardIndexPage() {
   return (

@@ -1,6 +1,8 @@
+'client';
+
 import { useState, lazy } from 'react';
 
-const Lazy = lazy(() => import('./lazy.client.js'));
+const Lazy = lazy(() => import('./lazy.js'));
 
 export function ClientComponent() {
   let [state] = useState('client');

@@ -1,11 +1,3 @@
-export async function getServerSideProps({ params }) {
-  return {
-    props: {
-      params,
-    },
-  };
-}
-
 export default function IdLayout({ children, params }) {
   return (
     <>

@@ -1,11 +1,3 @@
-export async function getServerSideProps({ params }) {
-  return {
-    props: {
-      params,
-    },
-  };
-}
-
 export default function IdPage({ children, params }) {
   return (
     <>

@@ -1,11 +1,3 @@
-export async function getServerSideProps({ params }) {
-  return {
-    props: {
-      params,
-    },
-  };
-}
-
 export default function CategoryLayout({ children, params }) {
   return (
     <>

@@ -1,11 +1,3 @@
-export async function getServerSideProps({ params }) {
-  return {
-    props: {
-      params,
-    },
-  };
-}
-
 export default function DynamicLayout({ children, params }) {
   return (
     <>

@@ -0,0 +1,14 @@
+export default function Root({ children }) {
+  return (
+    <html className="this-is-the-document-html">
+      <head>
+        <title>{`hello world`}</title>
+      </head>
+      <body className="this-is-the-document-body">{children}</body>
+    </html>
+  );
+}
+
+export const config = {
+  revalidate: 0,
+};
@@ -0,0 +1,7 @@
+export default function DeploymentsPage(props) {
+  return (
+    <>
+      <p>hello from app/partial-match-[id]. ID is: {props.params.id}</p>
+    </>
+  );
+}
@@ -1,3 +1,5 @@
+'client';
+
 export default function ShouldNotServeClientDotJs(props) {
   return (
     <>

@@ -0,0 +1,18 @@
+import { experimental_use as use } from 'react';
+
+async function getData() {
+  await new Promise(resolve => setTimeout(resolve, 1000));
+  return {
+    message: 'hello from slow layout',
+  };
+}
+
+export default function SlowLayout(props) {
+  const data = use(getData());
+  return (
+    <>
+      <p id="slow-layout-message">{data.message}</p>
+      {props.children}
+    </>
+  );
+}
@@ -0,0 +1,13 @@
+import { experimental_use as use } from 'react';
+
+async function getData() {
+  await new Promise(resolve => setTimeout(resolve, 5000));
+  return {
+    message: 'hello from slow page',
+  };
+}
+
+export default function SlowPage(props) {
+  const data = use(getData());
+  return <h1 id="slow-page-message">{data.message}</h1>;
+}
@@ -0,0 +1,18 @@
+import { experimental_use as use } from 'react';
+
+async function getData() {
+  await new Promise(resolve => setTimeout(resolve, 5000));
+  return {
+    message: 'hello from slow layout',
+  };
+}
+
+export default function SlowLayout(props) {
+  const data = use(getData());
+  return (
+    <>
+      <p id="slow-layout-message">{data.message}</p>
+      {props.children}
+    </>
+  );
+}
@@ -0,0 +1,13 @@
+import { experimental_use as use } from 'react';
+
+async function getData() {
+  await new Promise(resolve => setTimeout(resolve, 5000));
+  return {
+    message: 'hello from slow page',
+  };
+}
+
+export default function SlowPage(props) {
+  const data = use(getData());
+  return <h1 id="slow-page-message">{data.message}</h1>;
+}