Add pages testing the deployment id (#745)

Add pages testing the deployement id

Author: vicb

examples/playground15/app/from-app/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image";
+import testImage from "../../public/test.jpg";
+
+export default function Page() {
+  return (
+    <>
+      <p>hello app</p>
+      <Image src={testImage} alt="test" />
+      <p id="deploymentId">{process.env.NEXT_DEPLOYMENT_ID}</p>
+
+      <button
+        onClick={() => {
+          import("../../data").then((mod) => {
+            console.log("loaded data", mod);
+          });
+        }}
+        id="dynamic-import"
+      >
+        click me
+      </button>
+      <Link id="other-app" href="/other-app">
+        other app
+      </Link>
+    </>
+  );
+}

examples/playground15/app/other-app/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+import testImage from "../../public/test.jpg";
+import Image from "next/image";
+
+export default function Page() {
+  return (
+    <>
+      <h1>other app</h1>
+      <Image src={testImage} alt="test" />
+      <p id="deploymentId">{process.env.NEXT_DEPLOYMENT_ID}</p>
+
+      <button
+        onClick={() => {
+          import("../../data").then((mod) => {
+            console.log("loaded data", mod);
+          });
+        }}
+        id="dynamic-import"
+      >
+        click me
+      </button>
+    </>
+  );
+}

examples/playground15/data.js

@@ -0,0 +1,6 @@
+import styles from "./data.module.css";
+
+export const data = {
+  now: Date.now(),
+  styles,
+};

examples/playground15/data.module.css

@@ -0,0 +1,3 @@
+.wrap {
+  display: flex;
+}