chore: root page

hi-ogawa · hi-ogawa · Apr 7, 2024 · Apr 5, 2024 · Apr 5, 2024 · Apr 5, 2024
commit 3d23657c5a8226236473a24e1682d7345a8596de
diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx
@@ -14,7 +14,9 @@ export default async function Layout(props: React.PropsWithChildren) {
       </head>
       <body>
         <div id="sidebar">
-          <h1>Remix Contacts</h1>
+          <h1>
+            <Link href="/">Remix Contacts</Link>
+          </h1>
           <div>
             <form id="search-form" role="search">
               <input
@@ -37,6 +39,7 @@ export default async function Layout(props: React.PropsWithChildren) {
               <ul>
                 {contacts.map((contact) => (
                   <li key={contact.id}>
+                    {/* TODO: encoding /contacts/kent%20c.-dodds */}
                     <Link href={`/contacts/${contact.id}`}>
                       {contact.first || contact.last ? (
                         <>

diff --git a/src/routes/page.tsx b/src/routes/page.tsx
@@ -1,3 +1,20 @@
 export default function Page() {
-  return <div>Home Page</div>;
+  return (
+    <p id="index-page">
+      This is a demo for{" "}
+      <a href="https://remix.run" target="_blank">
+        Remix
+      </a>
+      ,
+      <br />
+      which is ported to{" "}
+      <a
+        href="https://github.com/hi-ogawa/vite-plugins/tree/main/packages/react-server"
+        target="_blank"
+      >
+        @hiogawa/react-server
+      </a>
+      .
+    </p>
+  );
 }