Examples: sync playground

Author: Frank

examples/internal/playground/sites/nextjs/app/page.tsx

@@ -19,12 +19,25 @@ export default async function Home() {
     <div className={styles.page}>
       <main className={styles.main}>
         <Form url={url} />
-        <div style={{ marginTop: '20px' }}>
-          <Link href="/image-test" style={{ textDecoration: 'underline' }}>
+        <div style={{ marginTop: "20px" }}>
+          <Link href="/image-test" style={{ textDecoration: "underline" }}>
             Image Optimization Test
           </Link>
         </div>
       </main>
+      <h1>Test Links</h1>
+      <ul>
+        <li>
+          <a href="./.well-known/assetlinks.json">
+            .well-known/assetlinks.json
+          </a>
+        </li>
+        <li>
+          <a href="./.well-known/apple-app-site-association">
+            .well-known/apple-app-site-association
+          </a>
+        </li>
+      </ul>
     </div>
   );
 }

examples/internal/playground/sites/nextjs/public/.well-known/apple-app-site-association

@@ -0,0 +1 @@
+{ "name": "apple-app-site-association" }

examples/internal/playground/sites/nextjs/public/.well-known/assetlinks.json

@@ -0,0 +1 @@
+{ "name": "assetLinks.json" }

examples/internal/playground/sites/vite/public/.well-known/apple-app-site-association

@@ -0,0 +1 @@
+{ "name": "apple-app-site-association" }

examples/internal/playground/sites/vite/public/.well-known/assetlinks.json

@@ -0,0 +1 @@
+{ "name": "assetLinks.json" }

examples/internal/playground/sites/vite/src/App.tsx

@@ -1,10 +1,10 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import "./App.css";
 
 function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useState(0);
 
   return (
     <>
@@ -16,6 +16,19 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
+      <h1>Test Links</h1>
+      <ul>
+        <li>
+          <a href="./.well-known/assetlinks.json">
+            .well-known/assetlinks.json
+          </a>
+        </li>
+        <li>
+          <a href="./.well-known/apple-app-site-association">
+            .well-known/apple-app-site-association
+          </a>
+        </li>
+      </ul>
       <h1>Vite + React</h1>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
@@ -29,7 +42,7 @@ function App() {
         Click on the Vite and React logos to learn more
       </p>
     </>
-  )
+  );
 }
 
-export default App
+export default App;